Блог

Главная - Вопросы по программированию - Как разрешить ошибку html / js Calculator Not A Number (NaN)?

Как разрешить ошибку html / js Calculator Not A Number (NaN)?

#javascript #html #wordpress #calculation

#javascript #HTML #wordpress #вычисление

Вопрос:

Я пытаюсь отобразить процентное значение с ((discount/price) * 100) помощью HTML-виджета плагина WordPress WPForm. Мой общий результат продолжает отображаться как Nan. Где я ошибаюсь? Идентификатор цены #12 и идентификатор скидки #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>

Ответ №1:

document.getElementById("..."); возвращает узел, а не значение.

Используется document.getElementById("wpforms-1365-field_12_1").value; для чтения входного значения.

Метки: