Question

我正在做一个游戏，我在骰子上做了一个按钮，可以打印出数字。我想打印出数字，我想打印出我制作的骰子图片。我怎么做？我现在在“骰子”上的代码是：

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

Answer 1

html图片：

<img id="image1">

然后更改图像：

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

Answer 2

对不同的图片使用Switch语句，根据rollresult选择正确的图片，然后将图片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;

骰子，每个数字都有图片，javascript

2 个答案: