為什么我單擊按鈕時腳本不打印文本

Question

<!DOCTYPE html>
<html>
<head>
    <title>WhiteList</title>
</head>
 <body>
  <h1>Hello stranger lets see if you are on the list!!</h1>
  <input id="1" value="type here" placeholder="type here">
  <button onclick="click()">Check</button>
  <br>
  <p id=stuff></p>
  <script type="text/javascript">
    function click(){
      var name = document.getElementById('1').value;
      if (name == "tijmen"){
        document.getElementById("stuff").innerHTML = "<p>hey you are on the list welcome</p>"
      } else{
        document.getElementById("stuff").innerHTML = "<p>sorry you are not on the list</p>"
      }


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

所以這是代碼，沒有錯誤。 但是問題是當我插入我的名字並單擊按鈕時，文本將不會打印。。。我確實似乎找不到問題。

Answer 1

這里的問題是點擊被定義為點擊動作，因此引擎認為您正在調用按鈕的點擊。 簡單測試即可顯示瀏覽器看到的內容。

 <button onclick="console.log(click)">Check</button>

你能做什么？ 更改名稱，或者甚至更好，使用addEventListener綁定事件偵聽器。

Answer 2

嘗試將onclick添加到JavaScript：

<body>
  <h1>Hello stranger lets see if you are on the list!!</h1>
  <input id="1" value="type here" placeholder="type here">
  <button id="btn">Check</button>
  <br>
  <p id=stuff></p>
  <script type="text/javascript">
   document.getElementById("btn").onclick = function() {
      var name = document.getElementById('1').value;
      if (name === "tijmen"){
        document.getElementById("stuff").innerHTML = "<p>hey you are on the list welcome</p>"
      } else {
        document.getElementById("stuff").innerHTML = "<p>sorry you are not on the list</p>"
      }
    } 
  </script>
</body>

為什么我單擊按鈕時腳本不打印文本

問題描述

2 個解決方案

解決方案1
0 2018-03-05 16:50:46

解決方案2
0 已采納 2018-03-05 17:12:32

為什么我單擊按鈕時腳本不打印文本

問題描述

2 個解決方案

解決方案1 0 2018-03-05 16:50:46

解決方案2 0 已采納 2018-03-05 17:12:32

解決方案1
0 2018-03-05 16:50:46

解決方案2
0 已采納 2018-03-05 17:12:32