为 button 元素分配 onclick 事件 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>

  <p>点击按钮执行 <em>displayDate()</em> 函数。</p>

  <button id="myBtn">点我</button>

  <script>
    document.getElementById("myBtn").onclick = function() {
      displayDate()
    };

    function displayDate() {
      document.getElementById("demo").innerHTML = Date();
    }
  </script>

  <p id="demo"></p>

</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
​
  <p>点击按钮执行 <em>displayDate()</em> 函数。</p>
​
  <button id="myBtn">点我</button>
​
  <script>
    document.getElementById("myBtn").onclick = function() {
      displayDate()
    };
​
    function displayDate() {
      document.getElementById("demo").innerHTML = Date();
    }
  </script>
​
  <p id="demo"></p>
​
</body>
</html>