Javascript 如何为每个骰子随机分配不同的数字？_Javascript_Html

Javascript 如何为每个骰子随机分配不同的数字？

javascript html

Javascript 如何为每个骰子随机分配不同的数字？,javascript,html,Javascript,Html,我正在尝试制作一个迷你版的yatzy游戏，只是为了学习一些循环和if语句。我已经走了这么远了。现在我有点被卡住了，因为： 1）当我点击掷骰子按钮时，它在所有6个骰子上显示相同的数字。如何使每个骰子随机分配不同的数字 2）我只能单击掷骰子按钮一次，如果我想再次掷骰子，我必须重新加载页面才能这样做。为什么呢这是我的HTML： <!DOCTYPE html> <html> <head> <title></title> <link

我正在尝试制作一个迷你版的yatzy游戏，只是为了学习一些循环和if语句。我已经走了这么远了。现在我有点被卡住了，因为：

1）当我点击掷骰子按钮时，它在所有6个骰子上显示相同的数字。如何使每个骰子随机分配不同的数字

2）我只能单击掷骰子按钮一次，如果我想再次掷骰子，我必须重新加载页面才能这样做。为什么呢

这是我的HTML：

<!DOCTYPE html>
<html>
<head>
<title></title>

<link rel="stylesheet" type="text/css" href="mycss.css">
<script src="myjavascript2.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

</head>

<body>


<button id="button" onclick="rolldices()">Roll dices</button>

<span id="dice1">0</span>
<span id="dice2">0</span>
<span id="dice3">0</span>
<span id="dice4">0</span>
<span id="dice5">0</span>
<span id="dice6">0</span>


<br><br><br>
<div id="container">
<div id="one">1</div>           <span>0</span>
<div id="two">2</div>           <span>0</span>
<div id="three">3</div>         <span>0</span>
<div id="four">4</div>          <span>0</span>
<div id="five">5</div>          <span>0</span>
<div id="six">6</div>           <span>0</span>
<div id="total">Total</div>     <span>0</span>
</div>


</body>
</html>


掷骰子
0
0
0
0
0
0




1           0
2           0
3         0
4          0
5          0
6           0
总数0

以下是我的javascript：

var numbers = [ '1', '2', '3', '4', '5', '6' ];

var dices = [ 'dice1', 'dice2', 'dice3', 'dice4', 'dice5', 'dice6' ];

var dice_value = Math.floor((Math.random()*numbers.length));

function rolldices() {

for (var diceindex=0; diceindex<dices.length; diceindex++) {

document.getElementById("dice" + (diceindex + 1)).innerHTML=numbers[dice_value];

}

} // end of rolldices()

var number=['1'，'2'，'3'，'4'，'5'，'6']；
var dices=['dice1'，'dice2'，'dice3'，'dice4'，'dice5'，'dice6']；
var dice_value=Math.floor（（Math.random（）*numbers.length））；
函数rolldices（）{
对于（var diceindex=0；diceindex您需要将var dice_value=Math.floor（（Math.random（）*numbers.length））；
放在循环内部，否则它将一直保持不变。
与编程完全无关，但“dice”是“die”的复数形式；-）这是我的第二语言，所以我不在乎lol。@Grim…而且，如果你不是英语/美国的话，叫它DICE会更容易阅读。tbh:PTry现在：。这是@Grim给你的建议。我甚至在发布之前就试过了，但它不起作用，但当我第二次尝试时它起作用了。。f…当你尝试插入一个辅助线索时，它是什么样子，而且它不起作用合身，所以你把它翻过来，它仍然不合身，所以你再翻过来，它就合身了