DEMO

Question

我正在尝试在屏幕上创建一个具有骰子，骰子的骰子的应用程序。单击骰子时，它将滚动并显示一个数字。我还想保持每卷的总计。

到目前为止，我已将它放到每次单击按钮的位置，图像随机变化。但是，我对如何保持滚动总数感到困惑。

这是我到目前为止的代码。

<html>
<head>
</head>
<body>
    <script>
        function displaydie() { 
            var total = 0;
            var num = ("src",(Math.floor(Math.random()*6)+1) + ".jpg")
            document.getElementById("die").setAttribute("src", (Math.floor(Math.random()*6)+1) + ".jpg")
        }
    </script>
    <img id="die" alt="die"/>
    <br/>
    <input type="button" value="Click me!" onclick="displaydie()"/>
    <span id="total"/></span>
</body>
</html>

Answer 1

使用全局变量存储总值，然后将当前骰子的值添加到总数中。为此，您需要将当前骰子的值存储在变量中，并将其用于图像并添加。

var total = 0;

function displaydie() {
    var num = (Math.floor(Math.random() * 6) + 1);
    total += num;

    document.getElementById("die").setAttribute("src", num + ".jpg")
    document.getElementById("total").innerHTML = total;
}

演示：Fiddle

Answer 2

您想要创建一个字典，并在每个卷上添加您已滚动该数字的次数：

var rolls = {1:0, 2:0, 3:0, 4:0, 5:0, 6:0}
var total=0;
function displaydie()

{ 

var num= Math.floor(Math.random()*6)+1
rolls[num]+=1
total+=1
document.getElementById("die").setAttribute("src",num + ".jpg")
document.getElementById("total").innerHTML = "Total rolls: "+total+"\n"+"1: "+rolls[1]+" 2: "+rolls[2]+" 3: "+rolls[3]+" 4: "+rolls[4]+" 5: "+rolls[5]+" 6: "+rolls[5]
    }

运行单个模具 - Javascript

2 个答案:

DEMO