javascript - 为什么 HTML 说我的变量没有定义？

Question

当我尝试使用该变量时，它说它未定义(错误:“ReferenceError:hufc1 未定义 在 HTMLInputElement.onclick”，这在我的旧代码中有效，但不再有效。下面的代码是完整的代码，告诉您我正在尝试做什么。

<p id="redirect" style="display: none"><font color="32CD32"><em>You have entered the right Log In Infromation and You will be redirected into the document soon.</em></font></p>
<iframe id="embed" style="display: none"src="https://docs.google.com/document/d/1wZ9WVpkJAjdYVIyGEhgRBaEHulVKetOol17tizUVyLM/edit?usp=sharing" height='1080' width='1920'></iframe>
<p id="loginuser" style="display: block">USERNAME:

  <input type="text" name="text1">

</p>

<p id="loginpass" style="display: block">PASSWORD:

<input type="password" name="dasnk2">

</p>
<input id="login" style="display: block" type="button" value="Log In" name="Submit" onclick=javascript:validate(text1.value,"Harrison",dasnk2.value,"88888888a") onclick=javascript:validate(text1.value,"Isaac",dasnk2.value,"IsABitch") onclick=javascript:validate(text1.value,"Adam",dasnk2.value,"faa222014") onclick=javascript:validate(text1.value,"Kelvin",dasnk2.value,"six921six921") >
<script>
function validate(text1,dasnk2,text3,text4) {

  if (text1 === dasnk2 && text3 === text4) {
      var redirect = document.getElementById('redirect');
      var embed = document.getElementById("embed");

      redirect.style.display = "block";
      embed.style.display = "none";

      setTimeout(function() {
        embed.style.display = "block";
        redirect.style.display = "none";
        loginuser.style.display = "none";
        loginpass.style.display = "none";
        login.style.display = "none";
      }, 5000);
  } else {
    var incorrect = document.getElementById('incorrect');
    incorrect.style.display = "block";
}
}
</script>```

Answer 1

如果你想保留你的解决方案，你可以将输入标签的值作为参数传递给函数，如下所示

onclick=javascript:validate(document.getElementsByName("text1")[0].value,"Isaac",document.getElementsByName("dasnk2")[0].value,"IsABitch") 

function validate(text1,dasnk2,text3,text4) {

  if (text1 === dasnk2 && text3 === text4) {
      var redirect = document.getElementById('redirect');
      var embed = document.getElementById("embed");

      redirect.style.display = "block";
      embed.style.display = "none";

      setTimeout(function() {
        embed.style.display = "block";
        redirect.style.display = "none";
        loginuser.style.display = "none";
        loginpass.style.display = "none";
        login.style.display = "none";
      }, 5000);
  } else {
    var incorrect = document.getElementById('incorrect');
    incorrect.style.display = "block";
}
}

<p id="redirect" style="display: none"><font color="32CD32"><em>You have entered the right Log In Infromation and You will be redirected into the document soon.</em></font></p>
<iframe id="embed" style="display: none"src="" height='1080' width='1920'></iframe>
<p id="loginuser" style="display: block">USERNAME:

  <input type="text" name="text1">

</p>

<p id="loginpass" style="display: block">PASSWORD:

<input type="password" name="dasnk2">

</p>
<input id="login" style="display: block" type="button" value="Log In" name="Submit" onclick=javascript:validate(document.getElementsByName("text1")[0].value,"Harrison",document.getElementsByName("dasnk2")[0].value,"88888888a") onclick=javascript:validate(document.getElementsByName("text1")[0].value,"Isaac",document.getElementsByName("dasnk2")[0].value,"IsABitch") onclick=javascript:validate(document.getElementsByName("text1")[0].value,"Adam",document.getElementsByName("dasnk2")[0].value,"faa222014") onclick=javascript:validate(document.getElementsByName("text1")[0].value,"Kelvin",document.getElementsByName("dasnk2")[0].value,"six921six921") >