ParseInt() 上的 NaN 错误答案

【问题标题】：NaN error on ParseInt()ParseInt() 上的 NaN 错误
【发布时间】：2018-08-12 05:02:02
【问题描述】：

我正在尝试创建一个掷两个骰子并找到总和的骰子游戏。运行总数也应显示在骰子旁边。然而，问题是 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;

有什么解决办法吗？

【问题讨论】：

标签： javascript html nan parseint

【解决方案1】：

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

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

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

【讨论】：