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

时间:2012-08-15 03:51:41

标签: javascript html button onclick

我编写了一个简单的JavaScript代码,允许人们输入一个数字,如果它不符合FizzBu​​zz游戏的条件,它应该返回FizzBu​​zz,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

2 个答案:

答案 0 :(得分:6)

你没有在这里正确粘贴你的代码,但是我确实间谍了我怀疑你的问题在你的Pastebin:

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

你不能像在这里一样把引号放在引号内,因为浏览器无法弄清楚哪些引用了什么。尝试使用单引号交换内部引号:

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

巧合的是,祝你的成绩好运! ;)

答案 1 :(得分:0)

你不能在双引号内加双引号,所以让你的代码像这样

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