javascript for loop将函数用于多个对象
我正在做一个游戏,有三个骰子方块,点击一个按钮就会显示出随机的面孔。 图像由css图像精灵生成。如果随机数为1,则骰子立方体将分配给具有图像精灵的css类javascript for loop将函数用于多个对象,javascript,html,css,loops,for-loop,Javascript,Html,Css,Loops,For Loop,我正在做一个游戏,有三个骰子方块,点击一个按钮就会显示出随机的面孔。 图像由css图像精灵生成。如果随机数为1,则骰子立方体将分配给具有图像精灵的css类 function diceroll (){ var randomnumber = Math.floor(Math.random() * (6 - 1 + 1)) + 1; switch (randomnumber) { case 1: document.getElement
function diceroll (){
var randomnumber = Math.floor(Math.random() * (6 - 1 + 1)) + 1;
switch (randomnumber) {
case 1:
document.getElementById("dice1").setAttribute("class", "face1");
break;
case 2:
document.getElementById("dice1").setAttribute("class", "face2");
break;
case 3:
document.getElementById("dice1").setAttribute("class", "face3");
break;
case 4:
document.getElementById("dice1").setAttribute("class", "face4");
break;
case 5:
document.getElementById("dice1").setAttribute("class", "face5");
break;
case 6:
document.getElementById("dice1").setAttribute("class", "face6");
break;
}
}
我有一个单独的按钮,当点击它时,应该运行上面的diceroll功能到三个div,ID为dice1、dice2和dice3
我想用
function gotoloop (){
for (i = 0; i < 2; i++) {
// the code that affects dice(n) and n=1 and then diceroll function
// affects dice1 n+1
}
}
函数gotolop(){
对于(i=0;i<2;i++){
//影响骰子(n)和n=1,然后掷骰子功能的代码
//影响骰子1 n+1
}
}
我进行了研究,没有找到一种方法来实现最后两行注释的代码。请让我知道我的方法是否正确,并帮助我编写代码。如果我正确理解了您的问题,您需要类似以下内容:
function diceroll (diceId){
var randomnumber = Math.floor(Math.random() * 6) + 1;
switch (randomnumber) {
case 1: document.getElementById(diceId).setAttribute("class", "face1"); break;
case 2: document.getElementById(diceId).setAttribute("class", "face2"); break;
case 3: document.getElementById(diceId).setAttribute("class", "face3"); break;
case 4: document.getElementById(diceId).setAttribute("class", "face4"); break;
case 5: document.getElementById(diceId).setAttribute("class", "face5"); break;
case 6: document.getElementById(diceId).setAttribute("class", "face6"); break;
}
}
function gotoloop (){
// Start loop at i=1 because the first ID is dice1
for (var i = 1; i <= 3; i++) {
// the code that affects dice(n) and n=1 and then diceroll function affects dice1
// n+1
diceroll("dice" + i);
}
}
各位,请解释你们的反对票。这个问题可能不是最好的,因为这个问题很简单,但它写得很清楚,显示了一些工作。+1,我想这就是他们的意思。
开关
也可以删除,只需将随机数附加到的“面”
字符串中即可。这里的代码(6-1+1)
也应该是6
。)
function diceroll (diceId){
var randomnumber = Math.floor(Math.random() * 6) + 1;
document.getElementById(diceId).setAttribute("class", "face" + randomnumber);
}