问候其他程序员。我为Ludo游戏创建了一个带有六个不同div的多维数据集.Divs包含黑点,每个点都是特定数字(数字为一个点,两个为两个)。我把它们全部放了在一个div中。我的问题是如何使用Math.floor(Math.random()* 6)以不同的顺序更改点 我得到6并开始游戏?这是我尝试过的代码:
<div id='dice'>
<div class='dice'>
<div class='dice1' id='b'></div>
</div>
</div>
<div id='dice0'>
<div class='dice2'>
<div class='dice3' id='c'></div>
<div class='dice4' id='c'></div>
</div>
</div>
<div id='dice1'>
<div class='dice5'>
<div class='dice6' id='d'></div>
<div class='dice7' id='d'></div>
<div class='dice8' id='d'></div>
</div>
</div>
<div id='dice2'>
<div class='dice9'>
<div class='dice10' id='e'></div>
<div class='dice11' id='e'></div>
<div class='dice12' id='e'></div>
<div class='dice13' id='e'></div>
</div>
</div>
<div id='dice3'>
<div class='dice14'>
<div class='dice15' id='f'></div>
<div class='dice16' id='f'></div>
<div class='dice17' id='f'></div>
<div class='dice18' id='f'></div>
<div class='dice19' id='f'></div>
</div>
</div>
<div id='dice4'>
<div class='dice20'>
<div class='dice21' id='g'></div>
<div class='dice22' id='g'></div>
<div class='dice23' id='g'></div>
<div class='dice24' id='g'></div>
<div class='dice25' id='g'></div>
<div class='dice26' id='g'></div>
</div>
</div>
</div>
var dice1=document.querySelector('#dice');
var dice2=document.querySelector('#dice0');
var dice3=document.querySelector('#dice1');
var dice4=document.querySelector('#dice2');
var dice5=document.querySelector('#dice3');
var dice6=document.querySelector('#dice4');
var d2=document.querySelector('.d1');
var cube=[1,2,3,4,5,6];
function rolling() {
for(var i=0;i<6;i++) {
d2.innerHTML=cube[Math.floor(Math.random()*6)];
}
}