在 JavaScript 数组中存储 Html 输入答案

【问题标题】：Storing Html inputs in JavaScript array在 JavaScript 数组中存储 Html 输入
【发布时间】：2018-03-03 18:01:50
【问题描述】：

我计划创建一个示例登录页面。其中我们要从注册表中获取用户的基本信息，并将所有详细信息存储在 Js 数组中。

并且用户需要在登录表单中输入他们的姓名和密码，在页面后面我们需要检查登录表单中输入的详细信息以及存储在js数组中的数据。

这是我的尝试：

<!DOCTYPE html>
<html>
<head>
    <script type="text/JavaScript">
        var users = [];

        function register() {
            users["name"] = [];
            users["password"];
            usr = document.getElementById('usr');
            pwd = document.getElementById('pwd');
            users["name"].push(use);
            users["password"].push(pwd);
        }

        function login() {
            uname = document.getElementById('uname');
            passwd = document.getElementById('passwd');

            if (uname == users["name"]) {
                if (passwd == users["password"]) {
                    alert("Welcome!")

                } else {
                    alert("Wrong Password!");
                }
            } else {
                alert("Wrong Username!");
            }
        }

    </script>
    <title> Portal </title>
</head>
<body>
    <p>
    <h3>Register</h3><br>
    Username:
    <input id="usr" type="text"><br>
    Password:
    <input id="pwd" type="password">
    <br>
    <input type="button" onclick="register">
    <br>
    <h3>Login</h3><br>
    Username:
    <input id="uname" type="text"><br>
    Password:
    <input id="passwd" type="text"><br>
    <input type="button" onclick="login()">
    </p>
</body>
</html>

【问题讨论】：

请清楚地说明您的问题并格式化您的代码。

标签： javascript html arrays input

【解决方案1】：

你忘了onclick=register的括号 + 如果你像这样初始化users数组会更好

<!DOCTYPE html>
<html>
<head>
<script type="text/JavaScript">
var users={name:[], password:[]};
function register ()
{
usr=document.getElementById('usr');
pwd=document.getElementById('pwd');
users["name"].push(use);
users["password"].push(pwd);
}

function login ()
{
uname=document.getElementById('uname');
passwd=document.getElementById('passwd');

if(uname==users["name"])
{
if(passwd==users["password"])
{
alert("Welcome!")!
}
else
{
alert("Wrong Password!");
}
else
{
alert("Wrong Username!");
}

</script>
<title> Portal </title>
</head>
<body>
<p><h3>Register</h3><br>
Username:
<input id="usr" type="text"><br>
Password:
<input id="pwd" type="password">
<br>
<input type="button" onclick="register()">
<br>
<h3>Login</h3><br>
Username:
<input id="uname" type="text"><br>
Password:
<input id="passwd" type="text"><br>
<input type="button" onclick="login()">
</p>
</body>
</html>

【讨论】：

运行良好。但是当我尝试使用 alert(use); 显示输入的元素时；
@Hemath 使用console.log(use) 代替调试