Javascript I';我正在创建一个神奇的8球应用程序,我可以';我不记得如何让代码循环

Javascript I';我正在创建一个神奇的8球应用程序,我可以';我不记得如何让代码循环,javascript,Javascript,我正在制作一个神奇的8球应用程序,在开始制作图形之前,我正在开发它的功能。到目前为止,我几乎所有的东西都在工作,我只是在如何让代码循环方面遇到了一些问题。我很确定我必须使用循环,但我不确定 <!DOCTYPE html> <html> <head> <title>Magic 8 Ball</title> </head> <body> <div id = "output">Ask a questio

我正在制作一个神奇的8球应用程序,在开始制作图形之前,我正在开发它的功能。到目前为止,我几乎所有的东西都在工作,我只是在如何让代码循环方面遇到了一些问题。我很确定我必须使用循环,但我不确定

<!DOCTYPE html>
<html>
<head>
<title>Magic 8 Ball</title>
</head>


<body>
<div id = "output">Ask a question</div>
<button id = "getResponse">Ask a question</button>

<script>
var output = document.querySelector("#output");

var getResponse = document.querySelector("#getResponse");
getResponse.style.cursor = "pointer";
getResponse.addEventListener("click", clickHandler, false);

var randomOutput = Math.floor(Math.random() * 26);


var responses = ["It is certain.", "Without a doubt!", "Yes, definitely.", "Absolutely not. Ridiculous.", "No. How dare you.", "You may rely on it.", "No. Watch your back now, buddy.", "As I see it, yes.", "Most likely.", "Outlook good.", "Yes.", "This is a terrible question. Ask another.", "Signs point to yes.", "You should be ashamed of yourself.", "Reply hazy. Try again.", "Ask again later.", "Better not tell you now.", "How about this -- trust your intuition!", "Ask again later.", "Cannot predict now. They're listening.", "Concentrate and ask again.", "Don't count on it, worthless human.", "My reply is no.", "Never. Awful. I hate you.", "Veeeeery doubtful."];

function clickHandler ()
{
output.innerHTML = responses[randomOutput]; 
}



</script>

</body>
</html>

魔术8球
提问
提问
var输出=document.querySelector(“输出”);
var getResponse=document.querySelector(“getResponse”);
getResponse.style.cursor=“指针”;
getResponse.addEventListener(“单击”,clickHandler,false);
var randomOutput=Math.floor(Math.random()*26);
var回答=[“这是肯定的”,“毫无疑问的!”,“是的,肯定的。”,“绝对不是。荒谬的。”,“不,你怎么敢。”,“你可以相信它。”,“不,现在小心点,伙计。”,“我看,是的。”,“最有可能。”,“前景很好。”,“是的。”,“这是一个可怕的问题。再问一个。”,“迹象表明是的。”,“你应该为自己感到羞耻。”,“回答模糊。再试一次。”,“以后再问。”,“最好不要现在告诉你。”,“这个怎么样--相信你的直觉!”,“以后再问。”,“现在无法预测。他们在听。”,“集中注意力,再问一次。”,“别指望了,没价值的人。”,“我的回答是不。”,“永远不会。糟糕。我恨你。”,”Veeeery表示怀疑;
函数clickHandler()
{
output.innerHTML=响应[randomOutput];
}

当我点击按钮时,我会得到一个响应,但当我再次点击之后,它不会生成响应。

将随机输出放入
clickHandler
函数中,如下所示:

function clickHandler ()
{
    output.innerHTML = responses[Math.floor(Math.random() * 26)]; 
}
更好的方法是使用数组的长度作为随机最大值。这样,您就可以在不每次更改代码的情况下扩展数组:

function clickHandler ()
{
    output.innerHTML = responses[Math.floor(Math.random() * responses.length)]; 
}
var output=document.querySelector(“输出”);
var getResponse=document.querySelector(“getResponse”);
getResponse.style.cursor=“指针”;
getResponse.addEventListener(“单击”,clickHandler,false);
var randomOutput=Math.floor(Math.random()*26);
var回答=[“这是肯定的”,“毫无疑问的!”,“是的,肯定的。”,“绝对不是。荒谬的。”,“不,你怎么敢。”,“你可以相信它。”,“不,现在小心点,伙计。”,“我看,是的。”,“最有可能。”,“前景很好。”,“是的。”,“这是一个可怕的问题。再问一个。”,“迹象表明是的。”,”“你应该为自己感到羞耻。”,“回答模糊。再试一次。”,“以后再问。”,“最好不要现在告诉你。”,“这个怎么样--相信你的直觉!”,“以后再问。”,“现在无法预测。他们在听。”,“集中注意力,再问一次。”,“别指望了,没用的人。”,“我的回答是不。”,“永远不会。糟糕。我恨你。”,”Veeeery表示怀疑;
函数clickHandler()
{
output.innerHTML=responses[Math.floor(Math.random()*responses.length)]
}

魔术8球
提问
提问

单击按钮时,仅运行
clickHandler()
函数中的代码。它上面的所有代码仅在加载文件时运行。这意味着
randomOutput
变量仅在开始时设置,不会更新。