如何使按鈕可多次點擊

Question

我真的不知道如何命名這個問題。

我做了一個簡單的代碼，點擊一個按鈕會在屏幕上顯示一個隨機數。 但是我遇到了一個問題，每次顯示數字時，按鈕都會“鎖定”本身，您需要重新加載頁面才能再次單擊它。 我的問題是我不想每次單擊按鈕時都重新加載。

<div class="box" id="box">
        <p id="p1">Generate a number</p>
        <p id="p2">  <script src="main.js"></script></p>
        <div class="container">
        <button id="genbutton" class="button"  onclick="generator()">Generate</button>
        </div>
    </div>

function generator() {
    document.getElementById("p2").innerHTML = x;
    document.write.innerHTML(x);

  }

代碼筆演示

Answer 1

這是因為您只生成x （隨機數）一次。 在您的 codepen 示例中，將x的生成移到事件處理程序中：

function generator() {
    var x = Math.floor(Math.random() * 1001);
    document.getElementById("p2").innerHTML = x;
}