非错误百分比（）

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 returns 一个元素对象，而不是它的内容。这意味着您的代码试图将 元素本身 （整个 div）转换为整数，而不是将 元素的内容 (0) 到一个整数。

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

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

非错误百分比（）

NaN error on ParseInt()

html

javascript

nan

parseint