折扣价格计算网页报missing ; before statement错误如何修复？

问题定位与修复方案 #

报错missing ; before statement属于典型的JavaScript语法错误，排查后定位到2个问题点：

1. 核心语法错误：新年折扣的判断分支中，document.getElementById("discount") innerHTML 缺少访问对象属性的.运算符，导致JS解析器无法识别当前语句，抛出语法异常。
2. 类型安全隐患：从输入框获取的价格默认是字符串格式，直接参与数值计算可能出现隐式类型转换异常，建议显式转为数字类型后再计算。

修复后的完整JavaScript代码

function calculate() {
  var se = document.getElementById("season").value;
  // 显式转换为数字类型避免计算异常
  var pr = Number(document.getElementById("price").value);
  var dist;

  if (se == "summer") {
    document.getElementById("discount").innerHTML = "The discount is 10%";
    dist = (pr - (pr * 0.1));
    document.getElementById("result").innerHTML = "The discounted price : Rs " + dist;
    return false;

  } else if (se == "newyear") {
    // 补全缺失的.运算符
    document.getElementById("discount").innerHTML = "The discount is 5% ";
    dist = (pr - (pr * 0.05));
    document.getElementById("result").innerHTML = "The discounted price : Rs " + dist;
    return false;

  } else if (se == "clearance") {
    document.getElementById("discount").innerHTML = "The discount is 15%";
    dist = (pr - (pr * 0.15));
    document.getElementById("result").innerHTML = "The discounted price : Rs " + dist;
    return false;

  }
  return false;
}

修复后代码可正常运行，折扣计算完全符合要求的规则：夏季折扣10%、新年折扣5%、清仓季折扣15%。

内容的提问来源于stack exchange，提问作者Jazz