找到一组随机元素和appendChild

时间:2014-02-20 09:34:42

标签: javascript html5 css3

我正在尝试使用纯JavaScript创建一个简单的棋盘游戏,我正试图让它像'捣蛋鼹鼠'一样。我知道我可以用Canvas做到这一点,但觉得我不会过分依赖它,我会学到很多东西。

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

这是我的小提琴,http://jsfiddle.net/JoshuaWaheed/XaUyE/1/

我写过这个,var newLI = Math.random(li.appendChild(span));。我试图告诉程序的是,“选择一组随机的li并将一个< span>标签附加到其中,这将是可点击的”,但由于某种原因,它会将其附加到所有的li中,我知道可以写成li.appendChild(span);代替。

我该怎么做才能解决这个问题?还有一种事件监听器,可以看到是否已经点击了所有按钮并进行了另一次随机选择和追加?

1 个答案:

答案 0 :(得分:3)

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

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

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