gpt4 book ai didi

Javascript - 当我单击连接到函数的此按钮时没有任何反应

转载 作者:行者123 更新时间:2023-11-28 17:35:22 28 4
gpt4 key购买 nike

因此,我正在尝试验证输入字段,其中输入字段不能为空。如果有人没有在输入字段中输入任何文本并单击“开始新游戏”按钮,它应该显示一条警告消息,提示您需要输入名称。

但是,由于某种原因,我的代码没有显示警报消息。
这是我的代码。

<html>

<head>
<title>Tic Tac Toe</title>
</head>
<script>
function myFunction() {
if (document.getElementById(“playerNameNew").innerHTML == null) {
alert("Name must be filled out");
return false;
}
}
</script>

<body>
<header>
<h1>Tic - Tac - Toe</h1>
</header>
<h3>Start a new Game</h3>
<input type="text" id="playerNameNew" placeholder="Enter your name" required>
<button onclick="myFunction()" id="new">Start a New Game</button>
</body>

</html>

最佳答案

三个问题:

  • getElementById 是一个对象,但是,您真正想要的是按照 getElementById(...) 调用该函数。
  • .innerHTML 返回 HTML,而不是输入的值。
  • 您必须与空值而不是 null 进行比较(使用函数 .trim())。

建议:使用函数.addEventListener()绑定(bind)点击事件。

<html>

<head>
<title>Tic Tac Toe</title>
</head>
<script>
function myFunction() {
if (!document.getElementById("playerNameNew").value.trim()) {
alert("Name must be filled out");
return false;
}
}
</script>

<body>
<header>
<h1>Tic - Tac - Toe</h1>
</header>
<h3>Start a new Game</h3>
<input type="text" id="playerNameNew" placeholder="Enter your name" required>
<button onclick="myFunction()" id="new">Start a New Game</button>
</body>

</html>

关于Javascript - 当我单击连接到函数的此按钮时没有任何反应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49266862/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com