Javascript 将当前变量与前一个变量相加

我这里有一个问题，基本上我想我的骰子游戏显示3行。 第一行写的是我得到的模具数量 第二行将我从第一个模具得到的数字与我轧制的第二个模具相加，依此类推。。（基本上每次我点击按钮）。 第三行只是计算我掷骰子的次数

我的问题是，在我的第二行，我不知道我怎么能加上我的当前模具辊与我的前一次每次点击按钮

var count=0;
function swap_pic()
{
var x = Math.floor(Math.random()*6)+1;
var pic = document.getElementById("dice");
var xx = x+x;
count++;
document.getElementById("result").innerHTML = "You got " + x;
document.getElementById("result").innerHTML += "<br>Your score is: " + xx;
document.getElementById("result").innerHTML += "<br>Number of tries = " + count;
    if (count==5)
    {
    document.getElementById("result").innerHTML += "<br><span style='color:red;font-weight:bold;font-size:14px;'>Game Over!</span>";
    count = 0;
    document.getElementById('button').setAttribute("style","visibility:hidden");
    }
    if (x==1)
    {
    pic.src = "images/die1.png";
    }
    else if (x==2)
    {
    pic.src = "images/die2.png";
    }
    else if (x==3)
    {
    pic.src = "images/die3.png";
    }
    else if (x==4)
    {
    pic.src = "images/die4.png";
    }
    else if (x==5)
    {
    pic.src = "images/die5.png";
    }
    else if (x==6)
    {
    pic.src = "images/die6.png";
    }
}

var计数=0；
函数交换_pic（）
{
var x=数学地板（数学随机（）*6）+1；
var pic=document.getElementById（“dice”）；
var xx=x+x；
计数++；
document.getElementById（“结果”）.innerHTML=“您得到了”+x；
document.getElementById（“结果”）.innerHTML+=“
您的分数是：”+xx；
document.getElementById（“结果”）.innerHTML+=“
尝试次数=“+count；
如果（计数=5）
{
document.getElementById（“结果”）.innerHTML+=“
游戏结束！”；
计数=0；
document.getElementById（'button'）.setAttribute（“样式”，“可见性：隐藏”）；
}
如果（x==1）
{
pic.src=“images/die1.png”；
}
else如果（x==2）
{
pic.src=“images/die2.png”；
}
else如果（x==3）
{
pic.src=“images/die3.png”；
}
else如果（x==4）
{
pic.src=“images/die4.png”；
}
else如果（x==5）
{
pic.src=“images/die5.png”；
}
else如果（x==6）
{
pic.src=“images/die6.png”；
}
}

问题是这条线

document.getElementById("result").innerHTML += "<br>Your score is: " + xx;

document.getElementById（“结果”）.innerHTML+=”
您的分数是：“+xx；

---

谢谢你们的帮助，伙计们

应避免多次串联innerHTML，如果可能的话，还应避免重复

。试试这个：

var count = 0;
var sum = 0;

function swap_pic() {
    var x = Math.floor(Math.random() * 6) + 1;
    var pic = document.getElementById("dice");
    sum += x;
    count++;
    var html = "You got " + x;
    html += "<br>Your score is: " + sum;
    html += "<br>Number of tries = " + count;
    if (count == 5) {
        html += "<br><span style='color:red;font-weight:bold;font-size:14px;'>Game Over!</span>";
        count = 0;
        document.getElementById('button').setAttribute("style", "visibility:hidden");
    }
    document.getElementById("result").innerHTML = html;
    pic.src = "images/die" + x +".png";
}

var计数=0；
var总和=0；
函数交换_pic（）{
var x=数学地板（数学随机（）*6）+1；
var pic=document.getElementById（“dice”）；
总和+=x；
计数++；
var html=“你得到了”+x；
html+=“
您的分数是：”+sum；
html+=“
尝试次数=“+count；
如果（计数=5）{
html+=“
游戏结束！”；
计数=0；
document.getElementById（'button'）.setAttribute（“样式”，“可见性：隐藏”）；
}
document.getElementById（“结果”）.innerHTML=html；
pic.src=“images/die”+x+.png”；
}
试试这个尺码

//create these as global variables
var totalScore;
var rollCount;
var lastRoll;
var image;
var text;
var button;

function reload(){
    totalScore  = 0;
    rollCount   = 0;
    lastRoll    = 0;
    image       = document.getElementById('dice'); //store image element
    text        = document.getElementById('result'); //store result element
    button      = document.getElementById('button'); //store button element
    button.style.visibility = visible; //restore button visibility
}

function roll(){
    lastRoll = Math.floor(Math.random()*6)+1; //generate random number
    rollCount++; //increase our roll counter
    totalScore+= lastRoll; //add new roll to score
    image.src = "images/die" +lastRoll+ ".png"; //update dice image

    text.innerHTML  = "You got " // generate result string
                    + lastRoll
                    + "<br>Your score is: " 
                    + totalScore
                    + "<br>Number of tries = " 
                    + rollCount;

    if(rollCount >= 5){ //end game parameter!!
        text.innerHTML  += "<br><span style='color:red;font-weight:bold;font-size:14px;'>Game Over!</span>"; //add game over text
        button.style.visibility = 'hidden';//hide button
        //reload();  //uncomment to reset game now?
    }
}

window.onload = reload; //set up on page load

//将它们创建为全局变量
var总分；
var-rollCount；
var lastRoll；
var图像；
var文本；
var按钮；
函数重载（）{
总分=0；
rollCount=0；
lastRoll=0；
image=document.getElementById（'dice'）；//存储图像元素
text=document.getElementById（'result'）；//存储结果元素
button=document.getElementById（'button'）；//存储按钮元素
button.style.visibility=visible；//恢复按钮可见性
}
功能辊（）{
lastRoll=Math.floor（Math.random（）*6）+1；//生成随机数
rollCount++；//增加我们的滚动计数器
totalScore+=lastRoll；//将新卷添加到分数
image.src=“images/die”+lastRoll+“.png”；//更新骰子图像
text.innerHTML=“您得到了”//生成结果字符串
+最后一卷
+“
您的分数是：”
+总分
+“
尝试次数=”
+滚动计数；
如果（rollCount>=5）{//结束游戏参数！！
text.innerHTML+=“
游戏结束！”；//在文本上添加游戏
button.style.visibility='hidden'；//隐藏按钮
//重载（）；//现在取消注释以重置游戏？
}
}
window.onload=重新加载//在页面加载时设置
在函数之外计算分数，就像使用
计数一样？另外，
pic.src=“images/die”+x+“.png”
？如果你看到他贴的东西下面的人，他尝试了，但仍然不起作用，函数没有做任何事情，而不是显示结果。我刚刚留下了一个额外的
var
，现在我的上一次编辑（昨天）修复了它。问题在于你的修改，游戏无法工作，如果我点击按钮，什么也没发生按钮？哪个按钮？我没有对您的代码做太多更改，更改使其更简单。