Javascript 温度转换器给我带来了麻烦

我需要使用表单制作一个温度转换器，它必须有ok按钮显示信息，并有clear按钮清除所有信息

这是我一直试图做的，但它给了我一个机会

功能温度转换器（valNum）{
valNum=parseFloat（valNum）；
document.getElementById（“outputCelcius”）.innerHTML=（valNum-32）/1.8；
}

温度转换器
好吧，现在我的问题是，我需要清除所有内容，即使是摄氏度数据，但我找不到一种方法让它工作
在“华氏度”字段中键入一个值，将温度值转换为摄氏度：


华氏的

塞尔修斯：

您的代码不起作用，因为您在

#按钮1

中写道：

onclick="temperatureConverter(this.value)"

其中，

此

不是

#输入华氏温度

，而是

#按钮1

。因此，

这个.value实际上等于
“OK”

要解决问题，您需要更改
temperatureConverter
函数以获取
#inputFahrenheit
的值，而不是使用
onclick=“temperatureConverter（this.value）”

类似的情况发生在您的
#reset1
中，因此您的重置输入也无法正常工作。您需要将相同的概念应用到重置函数中，我建议您创建一个专门用于此的新函数

通常，不鼓励使用相同的功能来执行完全不同的操作


函数温度转换器（）{
var input=document.getElementById（'inputFahrenheit'）；
var值=输入值；
value=parseFloat（值）；
var output=document.getElementById（'outputCelcius'）；
output.innerHTML=（值-32）/1.8；
}
函数重置温度（）{
/*清除温度*/
console.log（'clear'）；
}
温度转换器
在“华氏度”字段中键入一个值，将温度值转换为摄氏度：


华氏的

Celcius:
以下是使代码正常工作所需的基本知识。基本上，它只是简单地更改传递给
temperatureConverter
函数的值。在传递它之前，要传递正在单击的按钮的值，而不是试图读取的输入元素的值。另外，我不确定这一点，因为我没有查找它，但是重置元素在我将您的项目放入
元素之前对我不起作用


功能温度转换器（valNum）{
valNum=parseFloat（valNum）；
document.getElementById（“outputCelcius”）.innerHTML=（valNum-32）/1.8；
}
温度转换器
在“华氏度”字段中键入一个值，将温度值转换为摄氏度：


华氏的

塞尔修斯：
看不到您在使用任何表单

你的职能,

function temperatureConverter(valNum) {        
  valNum = parseFloat(valNum);

  document.getElementById("outputCelcius").innerHTML=(valNum-32)/1.8;

}

那么


转换：
塞尔修斯：


显然，如果您控制该值，则显然是将“OK”作为参数发送到函数（而不是输入字段的值），该函数为NAN。
那么您将传递哪些值到
temperatureConverter（）
？通常，
NaN
意味着你正在传递非数字输入。我输入了-40和32，那么它应该可以工作了。请编辑您的问题，并给出问题发生时的确切可复制示例。您传递的是按钮元素的值，而不是文本字段的值。尝试将
此.value
替换为
文档.querySelector（“#inputFahrenheit”）.value
您希望重置按钮中的
onclick=“temperatureConverter”
执行什么操作？
<form id="tempConverter">
  Convert: <input type="text" id="unit" name="converter" />
  <input
   type="button"
   value="Submit" 
   onclick="temperatureConverter(document.getElementById('unit').value);"
  />
 </form>

<p>Celcius: <span id="outputCelcius"></span></p>