Question

我写了一个小浏览器游戏。

规则很简单：你有15秒的时间来决定你是否知道屏幕上写的名字。

你有两个按钮：“我知道”/“放弃” - 取决于你想要选择的内容。

如果选择“放弃”（或时间结束），则会出现照片1。否则，将显示照片2。

循环整个操作。

这是我的问题：我想在每一轮中从数组“word”中选择随机名称，所以我写了函数“random_word（）”。我把它放入“timer（）”，“surrender（）”和“winner（）”函数中。但它不起作用。

我刚开始编程，所以我很感激可能最容易理解的代码。感谢您的帮助。

这是我的代码：

<!DOCTYPE html>
<html>
<head>
<style>

</style>
<script src="/scripts/snippet-javascript-console.min.js?v=1"></script>
</head>
<body> 
<button id= "btnSurrender">give up</button>

<button id= "btnWinning">i know</button>

<p id="seconds">15</p>
<div id="photo"></div>
<script type="text/javascript">


var word = new Array(3);
word[0] = "Michael";
word[1] = "Simon";
word[2] = "Peter";
word[3] = "Mark";

function random_word(){
var randomWord = word[Math.floor(Math.random()*word.length)]
}




var btn1 = document.getElementById("btnSurrender");
var btn2 = document.getElementById("btnWinning");
var pic = document.getElementById("photo");
var secondsP = document.getElementById('seconds');

var clock = null;


btn1.addEventListener("click", surrender);
btn2.addEventListener("click", winning);

function timer () {

random_word();

clearInterval(clock);

var start = new Date().getTime();

clock = setInterval(function() {



         pic.innerHTML='<img src="" alt="">';
         var seconds = Math.round(15 - (new Date().getTime() - start) / 1000);


         if (seconds >= 0) {
           secondsP.textContent = seconds;
         } else {
           clearInterval(clock);
         }

         if (seconds === 0) {
           pic.innerHTML='<img src="mops bops.png" alt="">';

         }
}, 1000);
}

function surrender(){

clearInterval(clock);
pic.innerHTML='<img src="mops bops.png" alt="">';
secondsP.textContent = 0;
setTimeout(timer,2000);
word[Math.floor(Math.random()*word.length)]
random_word();
}
function winning(){

clearInterval(clock);
pic.innerHTML='<img src="mopsik.jpg" alt="">';
secondsP.textContent = 0;
setTimeout(timer,2000);
word[Math.floor(Math.random()*word.length)]
random_word();
}

timer();

document.write(randomWord)
setInterval(timer, 17000)

</script>
</body>
</html>

Answer 1

var randomWord;

在提供document.write

之前，您需要在脚本的开头加上箭头

Answer 2

当我测试您的代码并将其设置为代码开头的“randomWord”变量时，它可以工作;你应该这样做，在代码的开头设置变量！

某处有点小错误。需要帮助

2 个答案: