如何解决 html/js 计算器不是数字 (NaN) 错误？

Question

我正在尝试使用 WordPress 的 WPForm 插件的 HTML 小部件显示来自 ((discount/price) * 100) 的百分比值。我的总输出不断上升为 Nan。我哪里错了？价格 ID 为 #12，折扣 ID 为 #13

function calc() {
  var p = document.getElementById("wpforms-1365-field_12_1");
  var d = document.getElementById("wpforms-1365-field_13_2");
  return (d / p) * 100;
}

function GetTotal() {
  document.getElementById('answer_value').innerText = calc();
}

<form>
  <input type="button" style="color:#000;" name="Get Total" value="Get Total" onclick="GetTotal()" />
  <div id="answer" style="display:block;"> Total: <span id="answer_value"></span> </div>
</form>

Answer 1

document.getElementById("..."); returns 一个节点，不是值。

使用document.getElementById("wpforms-1365-field_12_1").value;读取输入值。

如何解决 html/js 计算器不是数字 (NaN) 错误？

How to resolve html/js Calculator Not A Number (NaN) Error?

html

javascript

wordpress

calculation