javascript - 如何重新启动我的 Javascript 代码
问题描述
对于我的更高或更低的游戏,我正在尝试制作一个重置按钮。但我就是不知道怎么做。我已经尝试过使用 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');
});
提前致谢!
解决方案
推荐阅读
- functional-programming - 给定几个 Option<'a> 值,是否有一个众所周知的模式来链接多个 'a -> 'b -> 'b 函数?
- asp.net - 添加名称属性时,Html editorfor 不会回发数据
- angular - 居中垫选项卡组
- ios - iOS 上的允许导航
- python - 如何使用 pdfrw 或其他 Python 工具(如 PyPDF)自动检查可填充 pdf 上的复选框或单选按钮?
- r - 在循环中创造空间
- c# - Post 方法后没有“IEnumerable”类型的 ViewData 项
' 具有键 'DepartmentId' - amazon-web-services - 自动维护 Athena 视图
- sql - 删除oracle sql中的2个字符
- amazon-web-services - aws web-socket网关需要很多时间