我写了一段代码,但是显示错误就是找不到逻辑上的问题。如果您能帮助找到逻辑上的问题,我们将不胜感激。 需要创建一个有 9 个 div 的游戏(每个 div 的数字不同),div 从 onmouseover 命令中消失,方法是从每个 div 的数字开始递减。
<html>
<head>
<link rel = "stylesheet" href = "style.css">
</head>
<body onload = "myFunction()" id = "body">
<div id = 'play_ground'>
</div>
<b2>PLAY<b2>
<script src = "Game-9.js"></script>
</body>
</html>
JS
var play_box = document.getElementById('play_ground');
var numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var z = 1;
function myFunction(){
shuffle(numbers);
for (var i = 0; i < 9; i++){
play_box.innerHTML += '<div class="box" class ="display" onmouseover="myScript('+ i +')">'+ numbers[i] +'</div>';
}
}
function shuffle(array) {
for (var i = array.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var temp = array[i];
array[i] = array[j];
array[j] = temp;
}
}
function myScript(i){
var box = document.getElementsByClassName('box')[i];
var number = Math.min(numbers);
for(number < numbers.length; number++){
var numbers = numbers.splice(0, 1);
box.style["display"] = "none";
}
}
问题从函数 myScript(i) 开始