我试图创建一个骰子游戏,有两个骰子滚动和找到的总和运行总数也将显示在骰子旁边。但问题是,南正在显示。代码如下:
HTML(与运行总数相关的部分)
<div id="die1" class="dice">0</div>
<div id="die2" class="dice">0</div>
<div id="runningTotal" class="total">0</div>
Javascript(与运行总数相关的部分)
const runningTotal = document.getElementById( 'runningTotal' );
const parsedTotal = parseInt(runningTotal);
runningTotal.innerHTML = parsedTotal + diceTotal;
有什么解决办法吗?
最佳答案
您需要获取runningTotal
元素的内容,然后将其转换为整数。getElementById
返回元素对象,而不是其内容。这意味着代码试图将元素本身(整个div
)转换为整数,而不是将元素(0)的内容转换为整数。
您可以使用innerText
检索元素的内容:
const runningTotal = document.getElementById( 'runningTotal' );
const parsedTotal = parseInt(runningTotal.innerText);
runningTotal.innerHTML = parsedTotal + diceTotal;