JavaScript从数组简单登录

我很少使用JavaScript，也不知道如何使用它，这可能是一个很小的补丁，也可能是一些重要的东西，我完全不知道

我正在尝试为我的任务创建一个非常简单的登录，安全性不是问题，因为在简介中它不是必需的。用户单击“提交”按钮的事件应允许或拒绝用户进入网站。我在整个代码中都做了注释，所以希望这将是一个快速的工作，可以发现任何错误

它可能是我在IF语句中包含的“&”，我不完全确定它是否能在JavaScript中工作。或者它可能是用户输入的调用，因为我也不确定是否正确；i、 e pass=密码（来自表单）

JavaScript:

    <script>
    function loadpage() {
    var user = username; //assigns user input to variable
    var pass = password; //^^
    var storedus = ["Jordan", "Marzia", "Ryan"]; //array of acceptable usernames
    var storedps = ["123", "cat", "seven"]; //array of acceptable passwords

    if (user = storedus & pass = storedps) //condition must include both an acceptable username and password to >>
    {
        window.location.href = "home.html"; // >> proceed to next the portal page(home.html)
    }
    else 
    {
        window.alert("An invalid username or password was entered."); //if the users input was not acceptable then display a popup informing them so.
    }
}

</script>

函数loadpage（）{
var user=username；//将用户输入分配给变量
var pass=密码//^^
var storedus=[“Jordan”、“Marzia”、“Ryan”]；//可接受用户名的数组
var storedps=[“123”，“cat”，“seven”]；//可接受密码的数组
if（user=storedus&pass=storedps）//条件必须包括可接受的用户名和密码，以>>
{
window.location.href=“home.html”/>转到下一个门户页面（home.html）
}
其他的
{
window.alert（“输入了无效的用户名或密码”）；//如果用户的输入不可接受，则显示一个弹出窗口通知他们。
}
}

HTML表格和表单：

        <table style="position: absolute; left: 35%; top: 20%;"> <!- table to layout the form to take the users username and password to allow them to 
        gain entry into the site-!>
        <form>
        <tr><td><h2>Sign in</h2></td></tr>
        <tr><td>Username*: </td><td><input type="username*" name="username" required></td></tr>
        <tr><td>Password*: </td><td><input type="password*" name="password" required></td></tr>
        <tr><td><input type="submit" name="signin" onclick="loadpage()"</td></tr>
        </form>
    </table>

登录
用户名*：
密码*：
您正在尝试将数组与我猜想的字符串进行比较。相反，您应该循环遍历数组，并将值与用户名和密码进行比较

var usernames = [
  'Script47',
  'SomeUsernname'
];

var passwords = [
  'somePassword',
  'password'
];

var username = 'Script47';

var password = 'somePassword'

for (var i = 0; i < usernames.length; i++) {
  if (username == usernames[i] && password == passwords[i]) {
    alert('Successful!');
    break;
  } else {
    alert('Failed!')
  }
}

var用户名=[
“脚本47”，
“SomeUsernname”
];
var密码=[
“somePassword”，
“密码”
];
var用户名='Script47'；
var password='somePassword'
对于（var i=0；i

注意我是如何使用
&&

示例

使用
=
或
==
进行比较，并将
&
用作逻辑
和
运算符。我会先读到这些。您可能需要
array.indexOf
来查找数组的元素。最好使用映射，
var db={Jordan:'123'，Marzia:'cat'，Ryan:'seven'}
并检查条件是否为
if（db[user]&&db[user]==pass）{…
不确定是否有意，但看起来您对如何在JavaScript脚本中访问网页上的HTML元素感到困惑。例如，如果您有
var user=username；
，则用户名将始终未定义，除非您之前在脚本中的其他地方定义它（我看不到）.我建议读一点JavaScript和DOM（）