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

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 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)) {

    output.innerHTML = val / division;
  } else {
    output.innerHTML = 'that\'s not a number!';
  }
});

<input id="number" type="text"> ÷ 3.181818<br /> Your output is:
<div id="output"></div>