对于我的更高或更低的游戏,我正在尝试制作一个重置按钮。但我就是不知道怎么做。我已经尝试过使用 for、while 循环等。我在互联网上搜索过,但找不到任何东西。我只是寻找一个从头开始“重新启动”我的javascript的重置按钮,就像我刷新时一样。对于我的任务,我不能使用 location.reload()。
这是我的 JavaScript 代码:
var randomNum = Math.floor((Math.random() * 100) + 1);
var randomNum2 = Math.floor((Math.random() * 100) + 1);
var goodaudio = new Audio('sfx/Correct-answer.mp3');
var badaudio = new Audio('sfx/thatswrong.mp3');
var picArray = ['images/redcross.png', 'images/greencheckmark.png'];
var score = 0;
var i = 10000;
document.getElementById('score').innerHTML = 'Score ' + score;
console.log(randomNum2);
document.getElementById('rannummer').innerHTML = randomNum;
function checkCorrect(buttonNaam) {
var correct = false; //Maakt een variable aan
if (buttonNaam == 'hoger' && randomNum > randomNum2) {
correct = true;
} else if (buttonNaam == 'gelijk' && randomNum == randomNum2) {
correct = true;
score += 99;
} else if (buttonNaam == 'lager' && randomNum < randomNum2) {
correct = true;
}
playSound(correct); //Roept functie playSound aan en geeft variabele "correct" mee
}
function playSound(correct) { //Maakt een parameter en ontvangt de variable uit de andere functie
if (correct === true) {
goodaudio.play();
score++;
document.getElementById('score').innerHTML = 'Score ' + score;
document.querySelector("img").src = picArray[1];
document.getElementById('goedzo').innerHTML = "Goed zo! Het nummer was: " + randomNum2;
document.body.style.color = "lightgreen";
randomNum2 = Math.floor((Math.random() * 100) + 1);
randomNum = Math.floor((Math.random() * 100) + 1);
document.getElementById('rannummer').innerHTML = randomNum;
} else {
badaudio.play();
document.getElementById('jammer').innerHTML = 'Game over, je score is ' + score;
score = 0;
document.getElementById('probeer').innerHTML = 'Probeer opnieuw';
document.getElementById('score').innerHTML = 'Score ' + score;
document.querySelector("img").src = picArray[0];
randomNum = Math.floor((Math.random() * 100) + 1);
document.getElementById('rannummer').innerHTML = randomNum;
}
}
document.getElementById('hoger').addEventListener('click', function () {
checkCorrect('hoger');
});
document.getElementById('gelijk').addEventListener('click', function () {
checkCorrect('gelijk');
});
document.getElementById('lager').addEventListener('click', function () {
checkCorrect('lager');
});
提前致谢!