将文本字段输入除以设置的数字，显示结果

Question

我有一个文本字段，需要除以某些输入。我尝试使用下面的代码，但遇到了问题。它不考虑小数点，如果使用小数点，将返回 0。

<input id="number" type="text"> ÷ 3.181818<br />

Your output is: <div id="output"></div>

<script type="text/javascript">

//obtain reference to number html element

var number = document.getElementById('number');

//obtain reference to output html element

var output = document.getElementById('output');

//what you want to divide to

var division = '3.181818'; // can't be 0, or the world will explode

//add an eventlistener to the change event on the number element

number.addEventListener('keyup', function(e) {

  //get the value from the input

  var val = parseFloat(number.value);

  //check if it is a nan

  if(!isNaN(val)) {

     //round it to 0 digits

     output.innerHTML = (val / division).toFixed(0) + "";

  } else {

     output.innerHTML = 'that\'s not a number!';

  }

});

</script>

因此，例如，如果有人在文本框中输入他们的敏感度为1.2，那么就会这样做1.2 / 3.181818 = 0.37714287869

0.37714287869成为他们新的敏感性。

Answer 1

删除toFixed并设置div为浮动3.181818：//obtain reference to number html elementvar number = document.getElementById('number');//obtain reference to output html elementvar output = document.getElementById('output');//what you want to divide tovar division = 3.181818; // can't be 0, or the world will explode//add an eventlistener to the change event on the number elementnumber.addEventListener('keyup', function(e) {&nbsp; //get the value from the input&nbsp; var val = parseFloat(number.value);&nbsp; //check if it is a nan&nbsp; if (!isNaN(val)) {&nbsp; &nbsp; output.innerHTML = val / division;&nbsp; } else {&nbsp; &nbsp; output.innerHTML = 'that\'s not a number!';&nbsp; }});<input id="number" type="text"> ÷ 3.181818<br /> Your output is:<div id="output"></div>