骰子与每个数字,javascript的图片

loading...


-2

我正在制作一个游戏,我已经制作了一个按钮,在骰子中打印出数字 . 我想要打印出数字,我想要打印出我制作的骰子图片 . 我怎么做?我现在对“骰子”的代码是:

function rolldice(){
    var rollResultElem = document.getElementById("roll-result")
    var rollResult = Math.floor(Math.random() * 6) + 1
}

loading...

2回答

  • 1

    HTML图片:

    <img id="image1">
    

    然后更改图像:

    document.getElementById("image1").src = "path/dice/number"+rollResult+".jpg"
    

  • 1

    将Switch语句与不同的Pics一起使用,根据rollresult选择正确的pic,然后将image src替换为所选的图像 .

    var rollResult = Math.floor(Math.random() * 6) + 1;
    switch(rollResult){
            case 1: {image = './one.jpeg'; break;}
            case 2: {image = './two.jpeg'; break;}
            case 3: {image = './three.jpeg'; break;}
            case 4: {image = './four.jpeg'; break;}
            case 5: {image = './five.jpeg'; break;}
            case 6: {image = './six.jpeg'; break;}
            default: break;
    }
    documet.getElementById('image').src = image;
    
评论

暂时没有评论!