温度程序的简单转换

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>