Javascript - 更新全局变量值

Question

我试图制作一个简单的骰子滚轮（2个骰子，6个侧面）。两个变量的初始值为＆＃39; 1＆＃39;。

创建了一个switch语句，以便根据骰子变量值显示不同边的不同骰子图像。

创建一个用于生成1到6之间随机数的函数，以模拟投掷6面骰子。创建了另一个函数，以便在单击按钮时生成随机数更新变量。

JS:
var die1 = 1;
var die2 = 1;

function getRandomNumber(){
 return Math.floor(Math.random()*6)+1;
};

function rollDice(){
 die1 = getRandomNumber();
 die2 = getRandomNumber();
};

switch (die1){
case 1:
    document.getElementById("die1").src="imgs/dice-1.png";
    break;
case 2:
    document.getElementById("die1").src="imgs/dice-2.png";
    break;
case 3:
    document.getElementById("die1").src="imgs/dice-3.png";
    break;
case 4:
    document.getElementById("die1").src="imgs/dice-4.png";
    break;
case 5:
    document.getElementById("die1").src="imgs/dice-5.png";
    break;
case 6:
    document.getElementById("die1").src="imgs/dice-6.png";
    break;
};    //duplicated code for 'die2'

HTML:
<button id="roll" onclick="rollDice()">Roll</button>

但是，单击滚动按钮时，变量不会更新，因此骰子图像不会更改。

有人可以建议这样做吗？或者如果需要替代方案。感谢。