单击按钮后启动 javascript 提示答案

【问题标题】：Starting a javascript prompt after a button is clicked单击按钮后启动 javascript 提示
【发布时间】：2016-05-17 22:15:23
【问题描述】：

如果我的 html 中有一个简单的按钮：

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

我想在我的 JS 中提示：

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

仅在单击按钮后才启动，我该怎么写？

似乎无法在外面找到这个概念，至少对于像这样归结为基本知识的人来说。

谢谢，

【问题讨论】：

addEventListener vs onclick的可能重复
这方面有很多问题，但基本上你需要添加一个事件处理程序。
如果你制作游戏，你可以有一个带有 display:none; 的 HTML 输入。当点击开始游戏按钮时，您可以更改可见性并获取用户输入。为什么要使用它而不是提示符，这样您就可以匹配输入颜色边框等的设计。如果您想要这个解决方案，请确保答案已经在堆栈中。

标签： javascript button prompt

【解决方案1】：

为按钮设置一个 onclick 处理程序，然后让它触发一个 javascript 函数 - 注意警报的使用 - 只是为了显示函数的功能：

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

&lt;button id="bgnBtn" onclick="promptMe()"&gt;Start Game&lt;/button&gt;

【讨论】：

【解决方案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);
}

【讨论】：

【解决方案3】：

如果您使用警告框，它将如下所示：提醒我

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

【讨论】：

嗨，欢迎来到 StackOverflow！提供的答案并不能完全解决问题。有一个显示警报消息的功能。但是没有提供关于如何将此 JS 函数链接到 HTML 按钮的信息。