javascript - 使用 parseInt/parseFloat 后骰子值仍然串联

Question

我是 javascript 的新手，我正在尝试使用点击事件监听器从掷出的骰子中添加值。我尝试使用 parseInt/parseFloat 对数字求和并使用 inner.html 显示值，但它们一直连接在一起。这是我的代码

const dice=document.getElementsByClassName("btn-roll")[0];
let diceImg=document.querySelector("#dice-1");
let diceImg2=document.querySelector("#dice-2");
let p1CurrentScore=document.getElementById("current-0");


    dice.addEventListener("click",function(){
    let random1=Math.floor(Math.random()* 6) +1;
    let random2=Math.floor(Math.random()* 6) +1;
    diceImg.src="dice-" + random1 +".png";
    diceImg2.src="dice-" + random2 +".png";
    let totalDice=random1+random2;
    let total=0;
    total= total + (p1CurrentScore.innerHTML+=totalDice);
    parseInt(total);
    })

Answer 1

无需创建 total 变量，因为该值存储在 p1CurrentScore.innerHTML 中。您要做的是将 p1CurrentScore.innerHTML 设置为其先前的值加上 totalDice。

最终你希望你的听众看起来像下面这样:

dice.addEventListener("click",function(){
  let random1=Math.floor(Math.random()* 6) +1;
  let random2=Math.floor(Math.random()* 6) +1;
  diceImg.src = "dice-" + random1 + ".png";
  diceImg2.src = "dice-" + random2 + ".png";
  let totalDice=random1+random2;

  p1CurrentScore.innerHTML=parseInt(p1CurrentScore.innerHTML) + totalDice
})

这是一个例子:https://470290.playcode.io