Javascript-單擊此按鈕連接到功能時，沒有任何反應

Question

因此，我正在嘗試驗證輸入字段，其中輸入字段不能為空。 如果有人沒有在輸入字段中輸入任何文本，然后單擊“開始新游戲”按鈕，它將顯示一條警告消息，提示您需要輸入名稱。

但是，由於某些原因，我的代碼未顯示警報消息。
這是我的代碼。

 <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>

Answer 1

三個問題：

getElementById是一個對象，但是，您真正想要的是按照getElementById(...)調用該函數。
.innerHTML返回HTML而不是輸入的值。
您必須比較一個空值而不是null（使用.trim()函數）。

建議：使用函數.addEventListener()綁定click事件。

 <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>

Answer 2

  if (document.getElementById("playerNameNew").value == '') {
    alert("Name must be filled out");
    return false;
  }

Javascript-單擊此按鈕連接到功能時，沒有任何反應

問題描述

2 個解決方案

解決方案1
4 已采納 2018-03-13 22:31:22

三個問題：

解決方案2
-1 2018-03-13 22:41:45

Javascript-單擊此按鈕連接到功能時，沒有任何反應

問題描述

2 個解決方案

解決方案1 4 已采納 2018-03-13 22:31:22

三個問題：

解決方案2 -1 2018-03-13 22:41:45

解決方案1
4 已采納 2018-03-13 22:31:22

解決方案2
-1 2018-03-13 22:41:45