在HTML中点击按钮时调用JavaScript函数

Question

我编写了一个简单的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!"))" />

两种方法都不起作用。我在Google上搜索了答案，但尝试后点击按钮时没有任何反应。我确保函数被正确调用。这个功能在没有按钮的情况下可以正常工作，所以我不知道为什么它在有按钮的情况下就不能工作。除非按钮无法提示o.o。有人知道出了什么问题吗？

这是我的完整HTML代码的pastebin链接：http://pastebin.com/YPGdbTVQ

- Steven

---

我感觉你的复制粘贴出了问题。再试一次？ - Winfield Trail

Answer 1

您没有正确地粘贴您的代码，但我在您的Pastebin上发现了我认为是您问题的线索：

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

您不能像这样在引号内部放置另一个引号，因为浏览器无法确定哪个引号是哪个。请尝试使用单引号替换内部引号：

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

恰巧的是，祝你成绩好运！;)

- Winfield Trail

---

哇！就是这样。我完全忘记了在另一个双引号内不能使用双引号。我会记住这个以备将来之需的:）。 - Steven

没关系。我是个专业人士（据说），但我发现自己经常犯这种错误，令人沮丧。我能建议的是__确保你使用带有文本高亮功能的编辑器__——它会通过打乱高亮显示来捕捉到这种错误。 - Winfield Trail

是的，我使用Notepad++，觉得它的高亮有点奇怪。 - Steven

是的..我现在有点困扰于对象和方法 :(. 你知道我怎样可以轻松学习这个吗？ - Steven

谢谢你的帮助！我对JavaScript和这个网站还很陌生。这个网站上的人真的很乐于助人，给了我充分掌握它的动力！ :) - Steven

Answer 2

你不能在双引号内再放置双引号，所以请将你的代码修改为如下形式

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

- Anoop