JavaScript温度转换挑战问题

作为一名新的正在进行中的研究开发人员在这里发布第一篇文章。：）

在Scrimba上，我的任务是创建一个从F到C的简单温度转换器

我理解他们的解决方案，但似乎不明白为什么我的一直以NaN的身份返回。我知道这不是一个数字，但我想我使用了parseInt（）

非常感谢您的帮助

他们的工作方案

document.getElementById("btn").addEventListener("click", function() {
    let fahrenheitTemp = document.getElementById("temperature").value;
    
    fahrenheitTemp = parseInt(fahrenheitTemp);
    
    document.getElementById("result").textContent = (( fahrenheitTemp - 32 ) * 5/9).toFixed(2);
})

我的解决方案

const convertBtn = document.querySelector(`#btn`);
let fahrenheitTemp = document.querySelector(`#temperature`).value;
const result = document.querySelector(`#result`);


function tempConversion() {
    fahrenheitTemp = parseInt(fahrenheitTemp);
    result.textContent = ((fahrenheitTemp - 32) * 5/9).toFixed(2);
}

convertBtn.addEventListener(`click`, tempConversion);

---

我认为你的问题在于这一行：

fahrenheitTemp = document.getElementById("temperature").value;

您正在将一个值放入“常规”变量中。
它与HTML元素没有“实时”连接。
请尝试：

fahrenheitTemp = document.getElementById("temperature");

在您的功能中，而不是：

fahrenheitTemp = parseInt(fahrenheitTemp);

使用：

---

---

我想这可能适合你。

函数FernhtToCelcs（）{ 设feren=$（“#temp”）[0]。值； 设celcs=（（feren-32）*5/9）.toFixed（2）； document.getElementById（“tempincec”）.innerHTML=celcs+'C'； }

输入{
宽度：50px；
高度：20px；
}
钮扣{
背景：#0095ff；
边界：无；
边界半径：3px；
填充：7px；
颜色：白色；
光标：指针；
}
#坦宾塞克{
字号：700；
}

华氏温度：
转换
celcius中的温度：

解析前华氏温度的原始值是多少？你能添加你的html吗？你已经很好地向我们展示了最小的JS代码。如果您可以编写一个“代码片段”，允许您包含相应的HTML，这样我们就可以在上下文中看到它并实际试用它，那就更好了。查看“添加代码片段”按钮。应该迅速并鼓励人们作出回应。@Eureka感谢您的建议。对此非常陌生，因此感谢您的帮助。：）如果这对你有效-你能选择我的答案吗？

fahrenheitTemp = parseInt(fahrenheitTemp.value);