html - 如何使html表单输出显示十进制数字？

Question

我无法理解如何使这个 html 表单正常工作。目标是使用小数点将数字的总和显示为结果。目前它只是以整数显示结果，这使得结果不正确。我会很感激任何帮助，谢谢！

<form action="/action_page.php" oninput="x.value=parseInt(a.value)+parseInt(b.value)+parseInt(c.value)+parseInt(d.value)+parseInt(e.value)+parseInt(f.value)">
  <label for="quantity" style="color:white;">Easy Mode:</label>
  <br><br> 1
  <input type="number" id="a" name="quantity" min="0" max="4" step="0.5"> 2
  <input type="number" id="b" name="quantity" min="0" max="4" step="0.5"> 3
  <input type="number" id="c" name="quantity" min="0" max="4" step="0.5"> 4
  <input type="number" id="d" name="quantity" min="0" max="4" step="0.5"> 5
  <input type="number" id="e" name="quantity" min="0" max="4" step="0.5"> 6
  <input type="number" id="f" name="quantity" min="0" max="4" step="0.5"> =
  <input type="submit" value="Submit">
  <output name="x" for="a b c d e f" style="color:white;" ></output>
</form>

标签： htmlforms

Answer 1

您正在使用 parseInt 将数字转换为整数。请改用 parseFloat。