javascript - 找到一组随机元素并 appendChild

Question

我正在尝试使用纯 JavaScript 创建一个简单的棋盘游戏，我正在尝试让它像“打地鼠”一样工作。我知道我可以使用 Canvas 做到这一点，但我觉得通过不过度依赖它我会学到更多东西。

我放置了所有必要的元素，这显示了完整的结构，但似乎无法弄清楚如何让每个对象点击随机生成。

这是我的 fiddle ，http://jsfiddle.net/JoshuaWaheed/XaUyE/1/

这是我写的，var newLI = Math.random(li.appendChild(span));。我想告诉程序的是，“选择一组随机的 li，并在其中附加一个 标记，这将是可点击的，”但出于某种原因，它会将它附加到所有的 li 中，我知道这可以改写为 li.appendChild(span);。

我该怎么做才能解决这个问题？是否还有某种事件监听器可以查看是否所有按钮都已被单击并进行另一个随机选择和追加？

Answer 1

Math.random() 返回 0 到 1 之间的数字。您可以使用以下条件让某些代码随机运行或不运行:

if( Math.random() < 0.3 ){
    // the code here has 33% chance of running
}

查看它如何应用于您的代码:http://jsfiddle.net/SpacePineapple/XaUyE/3/