javascript - 元素随机移动到列表上预先确定的位置

标签 javascript

对于计算机科学类(class),我正在制作一个简单的 4 屏幕游戏(主页、游戏、获胜、失败屏幕)。我选择了“打地鼠”,因为它看起来很简单,但我在过去的一天里一直被困住。我有 6 个孔和一个鼹鼠,我希望鼹鼠随机移动到其他孔之一。我不知道如何使它成为可能。是否可以制作一个包含 6 个位置(6 个孔)的列表,然后让程序随机选择一个位置让鼹鼠移动到??

最佳答案

每 500 毫秒显示一个随机痣。

const moles = ['_','_','_','_','_','_'];

let position = 0;

function showMole() {
  moles[position] = '_';
  position = Math.floor(Math.random() * moles.length);
  moles[position] = 'O';
  document.getElementById('output').innerText = moles.join('');
  setTimeout(showMole, 500);
}

showMole();
<div id="output"></div>

关于javascript - 元素随机移动到列表上预先确定的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53841109/

相关文章:

javascript - 整个屏幕变灰,包括滚动条

javascript - 使用原型(prototype)继承的javascript代码中的对象生命周期是什么?

javascript - 复选框按属性名称和值查找

javascript - 使用 jQuery 的鼠标悬停不断弹跳

javascript - 奇怪的 JavaScript 习语 - "/xyz/.test(function(){xyz;})"是做什么的?

javascript - 使用 JSON 定义的函数时是否可以使用相对语法访问 JSON 属性?

javascript - 在 Phaser 上显示带有间隔的 Sprite 图像

javascript - 使用 jQuery 解决循环中的 promise

javascript - Lodash 没有运行每个功能

javascript - 将 javascript 函数作为参数传递,并将其内容作为类内容求值