如何处理javascript中的输入参数

Question

我编写了一段代码，使用 Javascript 将华氏温度值更改为摄氏温度值。

<p id = "result"> </p>      // The result will appear here

<script>
function toCelsius(f) { 
    return (f-32) * 5/9;
} 
document.getElementById("result").innerHTML = toCelsius(77);
</script>

我检查了这段代码，它适用于我的 Eclipse。但是，我不想直接输入值，而是想以华氏温度输入一个数字并将其更改为摄氏温度。

我添加了以下内容。

<form id="frm1">
Enter a number :  <input type="text" name=fahrenheit> <br>
<input type=button" onclick="toCelsius(frm1)"  value="change">  // I need some help for handling parameter here
</form>

我想让它尽可能简单，如下所示。

谁能给我一些关于如何处理输入参数的提示？

Answer 1

我发现了一些问题。

1. 编写 HTML 属性时存在一些语法问题
2. innerHTML单击按钮时不会调用更改结果的代码。相反，它只会在脚本第一次运行时被调用一次。为了解决这个问题，我将该行放在一个函数中，该函数将在单击按钮时被调用。请看change按钮动作。

<p id="result"></p>

<script>
  function toCelsius(f) {
    return (f - 32) * 5 / 9;
  }
  function changeClicked() {
    var input = document.getElementById("fahrenheit").value;
    if (parseInt(input) === null) return;
    document.getElementById("result").innerHTML = toCelsius(input);
  }
</script>

<form id="frm1">
  Enter a number : <input type="text" id="fahrenheit" name="fahrenheit"> <br>
  <input type="button" onclick="changeClicked()"  value="change">
</form>