在 HTML 中单击按钮时调用 JavaScript 函数答案

【问题标题】：Calling a JavaScript function when a button is clicked in HTML在 HTML 中单击按钮时调用 JavaScript 函数
【发布时间】：2012-08-11 10:17:06
【问题描述】：

我编写了一个简单的 JavaScript 代码，允许人们输入一个数字，如果它不符合 FizzBuzz 游戏的条件，它应该返回 FizzBuzz、Fizz、Buzz 或仅返回数字。然后我尝试使用以下代码在 HTML 中创建一个按钮：

<button onclick="fBCalc(prompt("Enter a number!"))">FizzBuzz</button>

我也试过这个：

<input type="button" name="FizzBuzz" value="FizzBuzz" onClick="fBCalc(prompt("Enter a number!"))" />

这两种方法都不起作用。我在谷歌上搜索了答案，但我已经尝试过了，当我点击按钮时没有任何反应。我确保该函数被正确调用。这在没有按钮的情况下工作，所以我不知道为什么它不应该与按钮一起工作。除非某个按钮无法提示 o.o.有谁知道怎么回事？

这是我的完整 HTML 代码的粘贴箱：http://pastebin.com/YPGdbTVQ

【问题讨论】：

【解决方案1】：

你不能把双引号放在双引号里面，所以你的代码是这样的

<button onclick="fBCalc(prompt('Enter a number!'))">FizzBuzz</button>

【讨论】：

【解决方案2】：

您没有在此处正确粘贴代码，但我确实在您的 Pastebin 上发现了我怀疑是您的问题：

<button onclick="fBCalc(prompt("Enter a number!"))">FizzBuzz</button>

您不能像这里那样将引号放在引号内，因为浏览器无法确定哪些是做什么的。尝试用单引号交换内引号：

 <button onclick="fBCalc(prompt('Enter a number!'))">FizzBuzz</button>

巧合的是，祝你取得好成绩！ ;)

【讨论】：

哇！就是这样。我完全忘记了我不能在另一个双引号内使用双引号。我会记住这一点的：)。
不用担心。我是一名专业人士（据称），我发现自己这样做的时间令人沮丧。我只能建议确保使用带有文本突出显示功能的编辑器 - 它会通过混淆突出显示来捕捉此类内容。
是的，我用 Notepad++，觉得高亮有点奇怪。
明白了。是的，需要一段时间才能凭直觉判断到底出了什么问题——尤其是在早期，一切都会让你的大脑开始“meeeeaaaaaaghiwannawatchTV”。
是的.. 我有点挣扎于对象和方法 atm :(。你会知道我如何轻松学习这个吗？