javascript for loop将函数用于多个对象

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

我正在做一个游戏,有三个骰子方块,点击一个按钮就会显示出随机的面孔。 图像由css图像精灵生成。如果随机数为1,则骰子立方体将分配给具有图像精灵的css类

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);
}