Question

我正在尝试创建一个单位转换器，它可以完成将cm转换为mm并将mm转换为ft等简单任务。我使代码运行正常，然后突然我得到了错误消息答案未定义？

目前无法使用。

function calc() {
    let input = document.querySelector("#input").value;
    let unit = document.querySelector("#unit").value;
    let unit1 = document.querySelector("#unit1").value;
    let answer;

    if (unit == "mm" && unit1 == "cm") {
        answer = input * 10;
    } else if (unit == "cm" && unit1 == "mm") {
        answer = input / 10;
    } else if (unit == "ft" && unit1 == "cm") {
        answer = input / 30.48;
    }

    document.getElementById("results").innerHTML = answer.toFixed(1);
}

不能理解为什么答案没有定义，因为答案可以正常工作，而且我知道可以更改nothign。

Answer 1

我尝试了您的代码。似乎工作正常。

function calc() {
  let input = document.querySelector("#input").value;
  let unit = document.querySelector("#unit").value;
  let unit1 = document.querySelector("#unit1").value;
  let answer;

  if (unit == "mm" && unit1 == "cm") {
    answer = input * 10;
  } else if (unit == "cm" && unit1 == "mm") {
    answer = input / 10;
  } else if (unit == "ft" && unit1 == "cm") {
    answer = input / 30.48;
  } else {
    answer = input;
    alert("Please check your unit and unit1");
    //added this code to check if you are entering the right values
  }
  document.getElementById("results").innerHTML = answer.toFixed(1);
}

input : <input type="text" id="input" /> <br/>
unit : <input type="text" id="unit" /> <br/>
unit1 : <input type="text" id="unit1" /> <br/>

<input type="submit" onclick="calc()" value="sum"/> <br/>

<div id="results"></div>

答案现在不确定，正在工作并且突然停止

1 个答案: