如何在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
相关产品推荐
相关产品推荐

