You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在JavaScript HTML中对除法运算结果执行乘法运算并展示?

实现输入值除以30后乘以10的展示效果

你只需要修改计算结果的代码行,把除法后的结果乘以你已经定义好的MultiplcationNum变量即可:

原代码中的计算行:

division.innerHTML = val / DivisionNum;

修改为:

division.innerHTML = (val / DivisionNum) * MultiplcationNum;

如果想简化计算逻辑(因为30÷10=3,等价于输入值直接除以3),也可以写成:

division.innerHTML = val / 3;

以下是完整的修改后代码:

<!DOCTYPE html>
<html>
<body>
Input: <input id="input" type="text"><br /> Output: 
<div id="division"></div>
<br>
<script>
var input = document.getElementById('input');
var division = document.getElementById('division');
var DivisionNum = 30;
var MultiplcationNum = 10;

input.addEventListener('keyup', function(e) {
 
  var val = parseFloat(input.value);
  if (!isNaN(val)) {
    // 修改后的计算逻辑
    division.innerHTML = (val / DivisionNum) * MultiplcationNum;
  } else {
    division.innerHTML = 'Please enter a number.';
  }
});
</script>
</body>
</html>

修改完成后,输入数字时程序会先将值除以30,再乘以10,最终把结果展示在输出区域;非数字输入的提示逻辑保持不变。

内容的提问来源于stack exchange,提问作者meeeee

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.09 12:57:07