Javascript 我对脚本的顺序有一个错误，但不知道如何解决它。如何将输入保存到变量中？

有人能帮忙吗？以前我的代码可以工作，但现在它有一个错误“uncaughtreferenceerror:registerUser未定义”。我知道问题可能来自于脚本的顺序，因为registerUser本身最低限度来自javascript，但我几乎不知道如何解决这个问题

以下是脚本的顺序：

    <script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $(".login").hide();
            $(".register_li").addClass("active");

            $(".login_li").click(function(){
              $(this).addClass("active");
              $(".register_li").removeClass("active");
              $(".login").show();
               $(".register").hide();
            })

            $(".register_li").click(function(){
              $(this).addClass("active");
              $(".login_li").removeClass("active");
              $(".register").show();
               $(".login").hide();
            })
        });
    </script>
    <script src="main.js" type="text/javascript"></script>

$（文档）.ready（函数（）{
$（“.login”）.hide（）；
$（“.register_li”）.addClass（“活动”）；
$（“.login_li”）。单击（函数（）{
$（此）.addClass（“活动”）；
$（“.register_li”）.removeClass（“active”）；
$（“.login”）.show（）；
$（“.register”）.hide（）；
})
$（“.register_li”）。单击（函数（）{
$（此）.addClass（“活动”）；
$（“.login_li”）.removeClass（“活动”）；
$（“.register”）.show（）；
$（“.login”）.hide（）；
})
});

javascript：

// JavaScript Document
var objPeople = [
    {
        email: "sam",
        password: "password23"
    },
    {
        email: "matt",
        password: "password88"
    },
    {
        email: "chris",
        password: "password3"
    },
]   

function login(){
    var email = document.getElementById("email").value
    var password = document.getElementById("password").value


for(i = 0; i < objPeople.length; i++){
    if(email == objPeople[i].email && password == objPeople[i].password){
        console.log(email + " is logged in!!!")
        return
    }
}
    
console.log("incorrect email or password")
}

function registerUser(){
    var registerEmail = document.getElementById("newEmail").value
    var registerPassword = document.getElementById("newPassword").value 
    var newUser = {
        email: registerEmail,
        password: registerPassword
    }
    
    for(i = 0; i = objPeople.length; i++){
        if(registerEmail == objPeople[i].email){
            alert("that email is already been taken, please choose another!")
            return
        }
        else if(registerPassword.length < 8){
            alert("that password is too short, include 8 or more characters")
            return
        }
    }
    
    objPeople.push(newUser)
    console.log(objPeople)
}

//JavaScript文档
变量objPeople=[
{
电邮:"山姆"，
密码：“password23”
},
{
电子邮件：“matt”，
密码：“password88”
},
{
电子邮件：“克里斯”，
密码：“password3”
},
]   
函数登录（）{
var email=document.getElementById（“email”）.value
var password=document.getElementById（“密码”）.value
for（i=0；i

这是调用registerUser的地方：

    <div class="register">
      <div class="input_field">
        <input type="text" placeholder="Username" class="input">
      </div>
      <div class="input_field">
        <input type="text" placeholder="E-mail" id="newEmail" class="input">
      </div>
      <div class="input_field">
        <input type="password" placeholder="Password" id="newPassword" class="input">
      </div>
      <div class="btn" onclick="registerUser()"><a href="#">Register</a></div>
    </div>
    
    <div class="login">
      <div class="input_field">
        <input type="text" placeholder="E-mail" id="email" class="input">
      </div>
      <div class="input_field">
        <input type="password" placeholder="Password" id="password" class="input">
      </div>
      <div class="btn" onclick="login()"><a href="#">Login</a></div>
    </div>

此外，有什么功能可以使我输入到注册表中的电子邮件和密码保存在var objPeople中，而不会在重新加载页面时丢失信息？

---

感谢您的阅读，我将感谢您提供的任何帮助。

在这一行中

for（int I=0；I=objPeople.length；I++）{

int

在javascript中无效如果您收到

SyntaxError

消息，您可以使用insted

let

检查以下内容：for（int I=0；I=objPeople.length；I++）您将objPeople.length指定给int？i。我使用的是dreamweaver，它说我没有定义，我认为在不添加任何值的情况下存在问题。我将尝试使用let@Mario我尝试过，但在您共享的代码中仍然面临相同的问题，您没有显示调用

registerUser

的位置，请在此行中显示调用的位置

f或者（int i=0；i=objPeople.length；i++）{

int

在javascript中无效如果您收到一条

SyntaxError

消息，您可以使用insted

let

检查以下内容：for（int i=0；i=objPeople.length；i++）您将objPeople.length指定给int？i。我使用的是dreamweaver，它说我没有定义，我认为在不添加任何值的情况下存在问题。我将尝试使用let@Mario我已经尝试过了，但在您共享的代码中仍然面临相同的问题，您没有显示在哪里调用了

registerUser

，请显示在哪里调用