單擊按鈕后啟動 javascript 提示

Question

如果我的 html 中有一個簡單的按鈕：

<button id="bgnBtn">Start Game</button>

我想在我的 JS 中提示：

var userAdjective = prompt("Please provide an Adjective");

只有在單擊按鈕后才啟動，我該怎么寫？

似乎無法在那里找到這個概念，至少對於一個如此歸結為這樣的基礎知識的人。

謝謝，

Answer 1

為按鈕設置一個 onclick 處理程序，然后讓它觸發一個 javascript 函數——注意警報的使用——只是為了顯示函數的功能：

 function promptMe(){ var userAdjective = prompt("Please provide an Adjective"); alert (userAdjective); }

 <button id="bgnBtn" onclick="promptMe()">Start Game</button>

Answer 2

我建議將事件偵聽器附加到 JS 代碼中的按鈕。

document.querySelector('#bgnBtn').addEventListener('click', function() {
    var userAdjective = prompt("Please provide an Adjective");
    alert (userAdjective);
}

此示例使用匿名函數來處理單擊事件。 您還可以執行以下操作：

document.querySelector('#bgnBtn').addEventListener('click', promptMe);

function promptMe() {
    var userAdjective = prompt("Please provide an Adjective");
    alert (userAdjective);
}

Answer 3

如果您使用警報框，它看起來像這樣： 提醒我

<script>
function myFunction() {
  alert("I am an alert box!");
}
</script>