对于我的网站,我试图制作一个按钮,每次按下按钮时都会出现不同的报价。我已经制作了一份单独的文件来做到这一点。我对 javascript 不太有经验,所以请帮忙。 这是我的 HTML:
<button">Change Quote</button>
<p id="test"></p>
我的目标是为每个报价提供一个从一到十的数值,因此它是随机的。另外,当我单击按钮时,p 会发生变化。谢谢。
编辑:有什么办法让它循环通过吗?例如,一旦我得到第一个报价,它可以转到第二个报价吗?
新的JS:
var quotes = [
"I am Bob",
"I am smart",
"I am independent",
"I am bringing change",
];
document.getElementById("changeQuote").addEventListener("click", function() {
var q = quotes[ Math.floor( Math.random() * quotes.length ) ];
document.getElementById("test").innerHTML = q;
再次感谢。
最佳答案
正如我的评论中提到的,将引号存储在一个数组中,然后添加一个从该数组中随机选择的点击处理程序。
给你的按钮一个id,这样就可以很容易地从JS中选择它:
<button id="changeQuote">Change Quote</button>
然后像这样,使用 Math.random()
method :
var quotes = [
"The quick brown fox jumps over the lazy dog.",
"Look out! There are llamas!",
"No, really, don't get up.",
"Whatever",
"Etc."
];
document.getElementById("changeQuote").addEventListener("click", function() {
var q = quotes[ Math.floor( Math.random() * quotes.length ) ];
document.getElementById("test").innerHTML = q;
});
演示:http://jsfiddle.net/9pqqmnrs/
进一步阅读:
关于Javascript 列表中的随机短语,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30962583/