开始JavaScript-在内部HTML中显示温度值

开始JavaScript-在内部HTML中显示温度值,javascript,html,Javascript,Html,我刚开始学习JavaScript,对编程非常陌生。我试图制作一个程序,根据单击哪个单选按钮,将摄氏度转换为华氏度或华氏度转换为摄氏度 我觉得我已经完成了大部分工作,尽管这可能不是最优雅的代码。我不明白的一件事是,为什么转换后的值不会使用$(“degrees\u computed”).innerHTML显示 我错过了什么?为什么转换后的值不显示 “严格使用”; var$=函数(id){ 返回文档.getElementById(id); }; var toFahrenheit=函数(){ 如果($

我刚开始学习JavaScript,对编程非常陌生。我试图制作一个程序,根据单击哪个单选按钮,将摄氏度转换为华氏度或华氏度转换为摄氏度

我觉得我已经完成了大部分工作,尽管这可能不是最优雅的代码。我不明白的一件事是,为什么转换后的值不会使用
$(“degrees\u computed”).innerHTML
显示

我错过了什么?为什么转换后的值不显示

“严格使用”;
var$=函数(id){
返回文档.getElementById(id);
};
var toFahrenheit=函数(){
如果($(“至华氏”)已勾选){
$(“度标签1”).innerHTML=“输入C度:”;
$(“度标签2”).innerHTML=“华氏度:”;
}
ClearTextBox();
}
var toCelsius=函数(){
如果($(“至摄氏度”)。选中){
$(“度标签1”).innerHTML=“输入F度:”;
$(“度标签2”).innerHTML=“摄氏度:”;
}
ClearTextBox();
}
var convertTemp=函数(){
华氏变种;
摄氏度;
如果($(“至华氏”)已勾选){
摄氏度=$(“输入的摄氏度”)。值;
摄氏度=(摄氏度*(9/5))+32;
摄氏度=浮点数(摄氏度);
摄氏度=摄氏度。toFixed(0);
$(“计算的度数”)。innerHTML=摄氏度;
}
如果($(“至摄氏度”)。选中){
华氏温度=$(“输入的度数”)。数值;
华氏度=浮动(华氏度);
华氏=(华氏-32)*(5/9);
华氏温度=固定的华氏温度(0);
$(“计算的度数”)。禁用=false;
$(“计算的度数”)。innerHTML=华氏度;
}
}
var cleartextbox=函数(){
$(“输入的度数”)。值=”;
$(“计算的度数”)。值=”;
};
window.onload=函数(){
$(“转换”).onclick=convertTemp;
$(“至摄氏度”)。onclick=toCelsius;
$(“华氏度”)。onclick=toFahrenheit;
$(“输入的度数”).focus();
};

温度转换器
温度转换器
华氏温度到摄氏温度
摄氏到华氏

输入F度:
摄氏度:


您的输出字段是
元素。要填写它们,您必须指定给
.value
,而不是
.innerHTML

“严格使用”;
var$=函数(id){
返回文档.getElementById(id);
};
var toFahrenheit=函数(){
如果($(“至华氏”)已勾选){
$(“度标签1”).innerHTML=“输入C度:”;
$(“度标签2”).innerHTML=“华氏度:”;
}
ClearTextBox();
}
var toCelsius=函数(){
如果($(“至摄氏度”)。选中){
$(“度标签1”).innerHTML=“输入F度:”;
$(“度标签2”).innerHTML=“摄氏度:”;
}
ClearTextBox();
}
var convertTemp=函数(){
华氏变种;
摄氏度;
如果($(“至华氏”)已勾选){
摄氏度=$(“输入的摄氏度”)。值;
摄氏度=(摄氏度*(9/5))+32;
摄氏度=浮点数(摄氏度);
摄氏度=摄氏度。toFixed(0);
$(“计算的摄氏度”)。数值=摄氏度;
}
如果($(“至摄氏度”)。选中){
华氏温度=$(“输入的度数”)。数值;
华氏度=浮动(华氏度);
华氏=(华氏-32)*(5/9);
华氏温度=固定的华氏温度(0);
$(“计算的度数”)。禁用=false;
$(“计算的度数”)。数值=华氏度;
}
}
var cleartextbox=函数(){
$(“输入的度数”)。值=”;
$(“计算的度数”)。值=”;
};
window.onload=函数(){
$(“转换”).onclick=convertTemp;
$(“至摄氏度”)。onclick=toCelsius;
$(“华氏度”)。onclick=toFahrenheit;
$(“输入的度数”).focus();
};

温度转换器
温度转换器
华氏温度到摄氏温度
摄氏到华氏

输入F度:
摄氏度:


对于
标记,不应使用innerHTML,而应使用value 因为您使用的是jquery,所以还可以使用$(“度”\u computed”).val(myResultVariable)


如果结果html标记是
或除

等元素以外的任何其他标记,则可能使用innerHTML设置值通常用于输入/表单元素。innerHTML通常用于div、span、td和类似元素

计算的度数是输入的,因此基本上可以替换

$("degrees_computed").innerHTML =


非常感谢你。这很有道理。它现在按照我想要的方式工作。非常感谢。我最终使用了
.value
,但也尝试了您提到的另一种方法。这两种方法都使我的程序成功运行。谢谢
$("degrees_computed").value =