Javascript 转换°；C至°；F

我是Javascript的初学者，我想将°C转换为°F，所以我做了这个程序，但它不起作用

function convertisseur（）{
var Celsium=parseInt（document.getElementById（“celsius”）.value）；
var fara=摄氏度*1.8+32.0；
document.getElementById（“text”）.innerHTML=摄氏度；
document.getElementById（“text2”）.innerHTML=fara；
}

“CéquivautáF

三件事：

您需要防止按钮的默认行为，以避免表单提交

您需要使用class

text2

修改

span

，因为您实际上想要添加一个id

您需要按如下方式传递隐式对象

event

：

onclick=“convertisseur（event）”

函数转换器（e）{
e、 预防默认值（）；
var Celsium=parseInt（document.getElementById（“celsius”）.value）；
var fara=摄氏度*1.8+32.0；
document.getElementById（“text”）.innerHTML=摄氏度；
document.getElementById（“text2”）.innerHTML=fara；
}

“CéquivautáF

三件事：

您需要防止按钮的默认行为，以避免表单提交

您需要使用class

text2

修改

span

，因为您实际上想要添加一个id

您需要按如下方式传递隐式对象

event

：

onclick=“convertisseur（event）”

函数转换器（e）{
e、 预防默认值（）；
var Celsium=parseInt（document.getElementById（“celsius”）.value）；
var fara=摄氏度*1.8+32.0；
document.getElementById（“text”）.innerHTML=摄氏度；
document.getElementById（“text2”）.innerHTML=fara；
}

“CéquivautáF

我已经更新了，请检查 “text2”不是类id，因此请使用document.getElementsByClassName访问它

 <form action="" class="formulaire">
    <input type="text" placeholder="Température en °C" id="celsius">
    <input type="button" value="Valider" onclick="convertisseur()">
 </form>

 function convertisseur() {
    var celsius = parseInt(document.getElementById("celsius").value);
    var fara = celsius * 1.8 + 32.0;
    document.getElementById("text").innerHTML = celsius;
    document.getElementsByClassName('text2')[0].innerHTML  = fara;
 }

函数转换器{
var Celsium=parseInt（document.getElementById（“celsius”）.value）；
var fara=摄氏度*1.8+32.0；
document.getElementById（“text”）.innerHTML=摄氏度；
document.getElementsByClassName（'text2'）[0].innerHTML=fara；
}

我已经更新了，检查一下 “text2”不是类id，因此请使用document.getElementsByClassName访问它

 <form action="" class="formulaire">
    <input type="text" placeholder="Température en °C" id="celsius">
    <input type="button" value="Valider" onclick="convertisseur()">
 </form>

 function convertisseur() {
    var celsius = parseInt(document.getElementById("celsius").value);
    var fara = celsius * 1.8 + 32.0;
    document.getElementById("text").innerHTML = celsius;
    document.getElementsByClassName('text2')[0].innerHTML  = fara;
 }

函数转换器{
var Celsium=parseInt（document.getElementById（“celsius”）.value）；
var fara=摄氏度*1.8+32.0；
document.getElementById（“text”）.innerHTML=摄氏度；
document.getElementsByClassName（'text2'）[0].innerHTML=fara；
}

当你说“它不起作用”时，很难说出你的意思。试着描述一下这个问题。将HTML加载到浏览器时是否显示任何内容？预期的行为是什么，发生了什么？为了解决这个问题，您尝试了什么

从我在这里看到的情况来看，我建议您应该确保已将JavaScript正确地包含到HTML中，或者

a） 将其放置在标签之间，如：

此处显示您的代码。

或

b） 将脚本文件包含在src属性中，如下所示：

否则，请再次查看HTML，确保所有需要结束标记的开始标记都在正确的位置。确保你没有任何没有开始标记的结束标记。

当你说“它不工作”时，很难说出你的意思。试着描述一下这个问题。将HTML加载到浏览器时是否显示任何内容？预期的行为是什么，发生了什么？为了解决这个问题，您尝试了什么

从我在这里看到的情况来看，我建议您应该确保已将JavaScript正确地包含到HTML中，或者

a） 将其放置在标签之间，如：

此处显示您的代码。

或

b） 将脚本文件包含在src属性中，如下所示：

---

否则，请再次查看HTML，确保所有需要结束标记的开始标记都在正确的位置。并确保没有任何没有开始标记的结束标记。

什么是“不起作用”？问题是什么？您正在执行

document.getElementById（“text2”）.innerHTML

，但不存在id为text2的元素，因此它会给出一个错误（请检查控制台）。您应该查找的是一个具有text2类的元素。您正在提交表单。您还试图通过元素的ID（

document.getElementById（“text2”）

）来选择元素，但是您没有一个具有该ID的元素。您确实有一个具有该类的元素，但是

什么是“不工作”呢？问题是什么？您正在执行

document.getElementById（“text2”）.innerHTML

，但不存在id为text2的元素，因此它会给出一个错误（请检查控制台）。您应该查找的是一个具有text2类的元素。您正在提交表单。您还试图通过元素的ID（

document.getElementById（“text2”）

）来选择元素，但是您没有一个具有该ID的元素。您确实有一个具有该类的元素，尽管对于第1点，您是否也可以将

type=“submit”

重新放置到

type=“button”

会更好，然后阻止默认操作。这意味着你可以跳过第3点。@H.Pauwelyn是的，当然！对于第1点，您还可以将

type=“submit”

重新定位到

type=“button”

以防止默认操作。这意味着你可以跳过第3点。@H.Pauwelyn是的，当然！