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);
}

Answer 2

我建议将事件监听器附加到JS代码中的按钮。

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

此示例使用匿名函数来处理click事件。您还可以执行以下操作：

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提示

3 个答案: