首页 文章

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

提问于
浏览 次
-2

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

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

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;
    回复于

相关问题