ParseInt（）上的NaN错误

Question

我正在尝试创建一个骰子游戏，其中有两个骰子滚动并找到总和。跑动总数也意味着显示在骰子旁边。然而，问题在于NaN正在展示。这是代码：

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;

任何想法如何解决它？

Answer 1

您需要获取runningTotal元素的内容，然后将其转换为整数。 getElementById返回一个元素对象，而不是它的内容。这意味着您的代码正在尝试将元素本身（整个div）转换为整数，而不是将元素（0）的内容转换为整数。

您可以使用innerText来检索元素的内容：

const runningTotal = document.getElementById( 'runningTotal' );
const parsedTotal = parseInt(runningTotal.innerText);
runningTotal.innerHTML = parsedTotal + diceTotal;