如何使用JavaScript实现满足三项要求的两数除法功能

安全阿岳

2026-10-5

问题修复说明

原有代码存在以下问题：

校验规则错误，直接拦截了所有值为0的输入，既不允许0作为被除数，也拦截了负数输入
未做输入转数字后的大小比较，直接按输入顺序执行除法
异常捕获块空置，未处理类型转换等潜在错误

修正后的实现代码

JavaScript 部分

function calculate() {
  // 获取输入并转为数字
  const num1 = Number(document.getElementById("num1").value);
  const num2 = Number(document.getElementById("num2").value);

  try {
    // 校验输入是否为有效数字
    if (isNaN(num1) || isNaN(num2)) {
      alert("请输入有效的数字");
      return;
    }

    // 确定被除数和除数：较大的数为被除数，较小的为除数
    const dividend = Math.max(num1, num2);
    const divisor = Math.min(num1, num2);

    // 校验除数是否为0
    if (divisor === 0) {
      alert("不能执行除0操作，请修改输入");
      return;
    }

    // 执行计算
    const result = dividend / divisor;
    const outputStr = `${dividend} / ${divisor} = ${result}`;
    document.getElementById("output").innerHTML = outputStr;
  } catch (err) {
    alert(`计算出错：${err.message}`);
  }
}

HTML 部分（原有结构可正常运行）

<input type="number" id="num1" />
<input type="number" id="num2" />
<button type="button" onclick="calculate()" >Calc</button>
<span id="output"></span>