使用javascript更改图像src

我正在尝试使用javascript函数更改图像。我原以为这很容易，但没法实现。我似乎找不到我的错误。下面是javascript：

function rollDice() {
rollCount = rollCount + 1;
dice1 = Math.floor(Math.random() * 6));
switch (dice1) {
    case 0:
        document.getElementById("dice1").src = "Photos/redpipdice1.png";
        break;
    case 1:
        document.getElementById("dice1").src = "Photos/redpipdice2.png";
        break;
    case 2:
        document.getElementById("dice1").src = "Photos/redpipdice3.png";
        break;
    case 3:
        document.getElementById("dice1").src = "Photos/redpipdice4.png";
        break;
    case 4:
        document.getElementById("dice1").src = "Photos/redpipdice5.png";
        break;
    case 5:
        document.getElementById("dice1").src = "Photos/redpipdice6.png";
        break;
}
}

它通过以下链接链接到html：

        <div class = "dice-images inline">
        <img id = "dice1" src = "Photos/redpipdice1.png" />
        <p>Click dice to hold</p>
            <div class = "button">
                <button id = "roll-dice" type="button" onclick = "rollDice()">ROLL!</button>
            </div>

点击骰子保持

滚！

浏览器控制台中是否有错误？注意，

Math.floor（Math.random（）*6））中有一个额外的括号。您还需要一个带有
rollCount
的
var
。除此之外，只要图像路径正确，它就可以正常工作与
rollCount=rollCount+1对应
@user3470353
滚非常感谢！这就解决了！我总是错过一些像那样的小细节。很高兴有第二双眼睛。太棒了。谢谢你，如图所示，条件和结果中的一对一关系可以合并
<img id="dice1" src="Photos/redpipdice1.png" />
<button id="roll-dice" type="button">ROLL!</button>

document.getElementById(`roll-dice`).addEventListener(`click`, () => {
    document.getElementById(`dice1`).src = `Photos/redpipdice${getRandomInt(1, 6)}.png`;
    rollCount++;
});

function getRandomInt(min, max) {
    return min + Math.floor(Math.random() * (max - min + 1));
}