使用JavaScript和按钮使用用户生成的值计算新值

我对javascript还是很陌生，很抱歉这是一个基本问题。我尝试过几种不同的方法，也做过研究，但没有找到我想要做的

我想做的是，当用户单击按钮时，计算两个用户创建的字段（hPlayed和hDealt）的乘积值。hp和hd的值以前由用户使用按钮生成。在我的脚本中，它们的变量名为hPlayed和bDealt，但在下面的代码中，我创建了名为hPlayedInput和hDealtInput的新变量来表示它们（我意识到这可能不是必需的，但我也尝试将这些变量与console.log一起使用）

修改的JS：

function handsPlayedRate() {
var hPlayedInput = document.getElementById("hp").value;
var hDealtInput = document.getElementById("hd").value;
var hRate = parseFloat(hPlayedInput) / parseFloat(hDealtInput);
document.getElementById("hr").innerHTML = hRate;
}

完整（修改）HTML：

-
+
0
-
+
0
计算百分比
0

由于所需的值不在

输入

字段中，因此需要使用

.innerHTML

获取值

函数handsPlayedRate（）{
var hPlayedInput=document.getElementById（“hp”）.innerHTML；
var hDealtInput=document.getElementById（“hd”）.innerHTML；
var hRate=parseFloat（hPlayedInput）/parseFloat（hDealtInput）；
document.getElementById（“hr”）.innerHTML=hRate；
}

-
+
1
-
+
2
计算百分比
0

哪些元素是hp和hd？你能把你的代码放进去并链接到这里吗？他可以在这里把它添加到一个片段中。单击代码段编辑器按钮添加

document.

到您的getElementById在所有情况下都将

document.getElementById

更改为

document.getElementById

并将

type=“button”

添加到您的按钮我已经做了您建议的打字修改，并将“hp”和“hd”元素添加到了我的代码中。当我进行这些更改时，我现在在“hr”元素中得到一个NaN的结果，而在什么都没有发生之前。好的，我想我有你有的，但我仍然得到NaN：我根据你的建议修改了我的原始代码，以显示我现在拥有的内容，但是我还是得到了NaN。你试过

parseInt

还是

parseFloat

？我在上面的代码mods中使用了parseFloat（根据你的答案）和它。parseFloat有什么不同之处？根据我的附加评论，我的问题仍然没有解决。

<button class="btnlost" onclick="handsPlayedMinus()">-</button>
<button class="btnwon" onclick="handsPlayedPlus()">+</button>
<p class="count" id="hp">0</p>

<button class="btnlost" onclick="handsDealtMinus()">-</button>
<button class="btnwon" onclick="handsDealtPlus()">+</button>
<p class="count" id="hd">0</p>

<button class="btnreset" type="button" onclick="handsPlayedRate()">Calculate&nbsp;Percent</button>
<p class="count" id="hr">0</p>