JavaScript函数异常：输入任意值均显示Low-risk问题求助

• 症状：无论输入任何数值，函数始终显示"Low-risk"；在线代码编辑器运行正常，但应用内无法工作；尝试过给数值添加/移除引号，问题未解决。
• 原代码：

function FtotalCat(){
  var a=document.getElementById("Ftotal").value;
  if (a <= '5') {
    document.getElementById("answer").innerHTML="Low-risk";
  } else if (a >= '5' && a <= '7.4') {
    document.getElementById("answer").innerHTML="Borderline-risk";
  } else if (a >= '7.5' && a <= '19.9') {
    document.getElementById("answer").innerHTML="Intermediate-risk";
  } else if (a >= '20') {
    document.getElementById("answer").innerHTML="High-risk";
  }
}

你在比较时使用了字符串类型的数值，而input元素的value属性默认返回字符串。字符串比较是按字符ASCII码顺序进行的，比如"10"和"5"比较时，第一个字符'1'的ASCII码小于'5'，所以"10" <= "5"会被判定为true，导致所有输入都会进入第一个if分支。

在线编辑器可能因环境差异（如自动类型转换）暂时掩盖了问题，但实际应用中字符串比较的逻辑错误会暴露出来。

将获取到的value转换为数字类型后再进行比较，可使用parseFloat()或Number()实现：

function FtotalCat(){
  // 把字符串转换成浮点数
  var a = parseFloat(document.getElementById("Ftotal").value);
  // 处理非数字输入的情况（可选）
  if (isNaN(a)) {
    document.getElementById("answer").innerHTML="请输入有效数值";
    return;
  }
  if (a <= 5) {
    document.getElementById("answer").innerHTML="Low-risk";
  } else if (a > 5 && a <= 7.4) { // 修改为>5，避免和第一个分支重复匹配
    document.getElementById("answer").innerHTML="Borderline-risk";
  } else if (a >= 7.5 && a <= 19.9) {
    document.getElementById("answer").innerHTML="Intermediate-risk";
  } else if (a >= 20) {
    document.getElementById("answer").innerHTML="High-risk";
  }
}

• 关键修改点：
  • 将value转换为浮点数，确保比较基于数字逻辑。
  • 所有比较的数值去掉引号，使用数字类型（如5而非'5'）。
  • 调整第二个分支的条件为a > 5，避免数值等于5时同时匹配两个分支。
  • 新增非数字输入的判断，优化用户体验（可选）。

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