单击按钮后启动 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>

单击按钮后启动 javascript 提示

Starting a javascript prompt after a button is clicked

javascript

prompt

button