使用javascript登录界面

塔里斯

我正在尝试使用javascript创建有效的登录界面。我放下了代码,但它不起作用,并且不显示任何类型的错误消息。谢谢塔里斯

function loginFunction() {
  var x = document.getElementById("myText");
  var y = document.getElementById("myText1");
  console.log(x);
  console.log(y);

  if (x == "Tom" && y == "Halo") {
    window.open("www.youtube.de");
  }
}

const button = document.getElementById("button");
button.addEventListener('click', () => {
  loginFunction();
});
<input type="username" id="myText" value="Tom">
<input type="password" id="myText1" value="Halo">
<button id="button">login</button>

弗林·帕特尔

您忘记将.value添加到选定的文本字段。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="username" id="myText" value="Tom">
    <input type="password" id="myText1" value="Halo">
    <button id="button">login</button>
    <script>


function loginFunction () {
    var x = document.getElementById("myText").value;
    var y = document.getElementById("myText1").value;
        console.log(x);
        console.log(y);

    if(x === "Tom" && y === "Halo") {
        console.log("login in");
        //window.open("www.youtube.de");
    }
    else
    {
      console.log("failed");
    }
}

const button = document.getElementById("button");
button.addEventListener('click', () => {
    loginFunction();
});

    </script>
</body>
</html>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章