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

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

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

回答(2)

2 years ago

HTML图片:

<img id="image1">

然后更改图像:

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

2 years ago

将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;