javascript - 温度程序简单转换

Question

我有一个转换温度的程序，但出于某种原因，我无法弄清楚为什么当我点击我的按钮时结果没有打印出来。任何帮助，将不胜感激。这是我的代码:

var report = function(celsius, fahrenheit) {
  document.getElementById("result").innerHTML = (celsius + "\xbOF="
    fahrenheit + "\xbOF");
};
document.getElementById("f_to_c").onclick = function() {
  var f = document.getElementById("temperature").value;
  report((f - 32) / 1.8, f);
};
document.getElementById("c_to_f").onclick = function() {
  var c = document.getElementById("temperature").value;
  report(c, 1.8 * c + 32);
};

<title>HW problem 3</title>
  <h1>Temperature Conversion</h1>
  <p>
    <input type="number" id="temperature" />
    <button id="f_to_c">F to C</button>
    <button id="c_to_f">C to F</button>

  </p>
  <p id="result"></p>

我很抱歉问了一个基本问题。我有另一个计算小费的脚本，它工作正常，所以我不知道这里有什么问题。谢谢

Answer 1

除了 report 函数中缺少的加号外，学位 (°) 符号的转义字符串需要大写才能正常工作(即 \xB0 而不是 \xb0)。这是一个工作示例:

var report = function(celsius, fahrenheit) {
  document.getElementById("result").innerHTML = (celsius + "\xB0C = " + fahrenheit + "\xB0F");
};
document.getElementById("f_to_c").onclick = function() {
  var f = document.getElementById("temperature").value;
  report((f - 32) / 1.8, f);
};
document.getElementById("c_to_f").onclick = function() {
  var c = document.getElementById("temperature").value;
  report(c, 1.8 * c + 32);
};

<title>HW problem 3</title>
  <h1>Temperature Conversion</h1>
  <p>
    <input type="number" id="temperature" />
    <button id="f_to_c">F to C</button>
    <button id="c_to_f">C to F</button>

  </p>
  <p id="result"></p>