我想要一个按钮,每次你点击它,它给你一个不同的答案(动物,电影或电视节目,等等),事情是我有一个按钮(我在网上找到的,我在编码新手),但这个按钮给我的答案在一个小警告框,有没有办法让它给我的答案下面的按钮?下面是我找到的代码:
var words = ['Animals', 'Movies', 'TV Shows'];
function randomAlert() {
var alertIndex;
var randomValue = Math.random();
if (randomValue < 0.5) {
alertIndex = 0;
}
else if(randomValue < 0.8) {
alertIndex = 1;
}
else {
alertIndex = 2;
}
alert(words[alertIndex]).innerHTML
}
您可以去掉alert调用并将其插入div、span、h1等。下面是许多方法中的一个例子:
var words = ['Animals', 'Movies', 'TV Shows'];
function randomSelect() {
var index;
var randomValue = Math.random();
if (randomValue < 0.5) {
index = 0;
}
else if(randomValue < 0.8) {
index = 1;
}
else {
index= 2;
}
document.getElementById('answer').innerText = words[index]; //Get's an element of id 'answer'
}
randomSelect(); //Executes function
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="answer">
<!-- Answer is inserted into here !-->
</div>
</body>
</html>
上面的操作获取id为answer
的元素,并将其插入元素的文本中。这是通过访问元素的innerText
属性来实现的,该属性返回元素的文本。然后我将值重新分配给index
。这是一种非常简单的方法,我清理了一些函数和变量的名称。