javascript - 在 HTML JavaScript 中向输出添加文本

Question

我需要这个网站的输出:https://tew-hop-2-1.glitch.me/

看起来像这样:

var celsius = "degrees, Celsius";


function convert() {

var degF= document.getElementById("fValue").value
var degC= (degF - 32) * (5 / 9);
document.getElementById("cValue").innerHTML = degC.toFixed(1); 
} 
document.getElementById("button").addEventListener("click", convert, false);

这是我的代码，但我不知道如何更改它以获得该输出。

Answer 1

问题出在您的convert 函数中。您将 innerHTML 设置为 degC 的值，而不是度数和您的字符串。试试这个。

var celsius = "degrees, Celsius";


function convert() {

    var degF= document.getElementById("fValue").value
    var degC= (degF - 32) * (5 / 9);
    document.getElementById("cValue").textContent = degC.toFixed(1) + celsius; 
 } 
 document.getElementById("button").addEventListener("click", convert, false);