单个模具的运行总数-Javascript_Javascript

单个模具的运行总数-Javascript

javascript

单个模具的运行总数-Javascript,javascript,Javascript,我试图创建一个应用程序，在屏幕上有一个骰子，单数骰子。单击模具时，它将滚动并显示一个数字。我还想保持每卷的运行总数到目前为止，每次点击按钮，图像都会随机变化。然而，我对如何保持滚动总数感到困惑这是我到目前为止的代码 <html> <head> </head> <body> <script> function displaydie() { var total = 0;

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

到目前为止，每次点击按钮，图像都会随机变化。然而，我对如何保持滚动总数感到困惑

这是我到目前为止的代码

<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>


函数displaydie（）{
var合计=0；
var num=（“src”，（Math.floor（Math.random（）*6）+1）+“.jpg”）
document.getElementById（“die”）.setAttribute（“src”，（Math.floor（Math.random（）*6）+1）+“.jpg”）
}

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

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;
}

演示：

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

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;
}

演示：

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

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;
}

演示：

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

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;
}

演示：

您想创建一个字典，在每次滚动时，将该数字添加到滚动次数中：

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]
    }

您希望创建一个字典，并在每次滚动时，将该数字添加到滚动次数中：

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]
    }

您希望创建一个字典，并在每次滚动时，将该数字添加到滚动次数中：

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]
    }

您希望创建一个字典，并在每次滚动时，将该数字添加到滚动次数中：

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]
    }