Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将输入的文本字段除以设置的数字,显示结果_Javascript_Jquery_Html_Math - Fatal编程技术网

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

Javascript 将输入的文本字段除以设置的数字,显示结果,javascript,jquery,html,math,Javascript,Jquery,Html,Math,我有一个文本字段,需要除以某些输入。我尝试过使用下面的代码,但遇到了一些问题。它不考虑小数点,如果使用小数点,将返回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 elem

我有一个文本字段,需要除以某些输入。我尝试过使用下面的代码,但遇到了一些问题。它不考虑小数点,如果使用小数点,将返回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>
÷3.181818
您的输出是: //获取对number html元素的引用 var number=document.getElementById('number'); //获取输出html元素的引用 var output=document.getElementById('output'); //你想分成什么 变量除法='3.181818';//不能为0,否则世界将爆炸 //将eventlistener添加到number元素上的更改事件 编号.addEventListener('keyup',函数(e){ //从输入中获取值 var val=parseFloat(number.value); //检查它是否为nan 如果(!isNaN(val)){ //将其四舍五入到0位 output.innerHTML=(val/division).toFixed(0)+”; }否则{ output.innerHTML='这不是一个数字!'; } });
因此,例如,如果有人在文本框中输入他们的灵敏度作为
1.2
,那么它将执行
1.2/3.181818=0.37714287869


0.37714287869
是他们的新灵敏度。

移除
toFixed
并将
div
设置为浮动
3.181818

//获取对number html元素的引用
var number=document.getElementById('number');
//获取输出html元素的引用
var output=document.getElementById('output');
//你想分成什么
var division=3.181818;//不能为0,否则世界将爆炸
//将eventlistener添加到number元素上的更改事件
编号.addEventListener('keyup',函数(e){
//从输入中获取值
var val=parseFloat(number.value);
//检查它是否为nan
如果(!isNaN(val)){
output.innerHTML=val/division;
}否则{
output.innerHTML='这不是一个数字!';
}
});
÷3.181818
您的输出是:
哇,这么简单的修复。非常感谢你!有没有办法在结果快结束时删除一些数字?例如,如果答案为0.37714287869,则只需要0.377?@dekl0l这就是使用
toFixed()
的地方,请查看它的工作原理