求个程序,要求如下。

求个程序要求如下获取文本框中的文本。(10分)
1、窗口中有两个文本框“用户名”
和“密码”,以及三个按钮“登录”、“其
他用户登录”和“关闭”;
2、初始状态“用户名”文本框是只
读的,单击“其他用户登录”按钮后变成
可写的;
3、“密码”文本框使用的不是密码文本框,在用户键入时显示*。
4、输入用户名和密码后,单击“登
录”按钮,如果密码为空,则提示密码为
空,否则显示用户名和密码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
        用户名:<input id="name" type="text" readOnly><br>
        密码:<input id="password" type="password" ><br>
        <button onclick="login()">登录</button>
        <button  onclick="otherFun()">其他用户登录</button>
        <button>关闭</button>
</body>
<script>
    function otherFun(){
        document.getElementById("name").readOnly=false;
    }
    function login() {
        var password = document.getElementById("password").value;
        var name = document.getElementById("name").value;
        if (!password){
            alert("密码为空!")
        } else {
            alert("用户名:"+name+" "+"密码"+password)
        }
    }
</script>
</html>

img

img

img