如何獲取要在 javascript 函數中使用的 HTML 表單值？

Question

所以我試圖構建一個溫度轉換器，它使用單個數字輸入表單，當提交時，轉換為華氏/攝氏度，但由於我是 javascript 初學者，我不太了解，我已經嘗試搜索，但問題與我無關。

繼承人我的代碼：

 function toCelsius(f) { return (f - 32) * (5 / 9); }; function toFarenheit(c) { return (c * 9 / 5) + 32; }; var numInput = document.getElementById("temp-num").value; var type = "celsius"; //test var result = toFarenheit(2); document.getElementById("resultz").innerHTML = numInput + " in" + type + " is " + result;

 <form id="form1"> <input type="number" name="temperature" placeholder="50" id="temp-num" /> <input type="reset" class="bn3637 bn36" /> <div class="buttons"> <label for="test"> <a href="#" onclick="document.getElementById('form1').submit();"> <span></span> <span></span> <span></span> <span></span> <p style="font-size: 15px">TO FAHRENHEIT</p> </a> </label> <a href="#" onclick="document.getElementById('form1').submit();"> <span></span> <span></span> <span></span> <span></span> TO CELSIUS </a> </div> </form> <div class="results"> <div id="result-title"> <h2>Result:</h2> </div> <div class="final-result"> <p id="resultz"></p> </div> </div> <script src="test.js"></script> </body> </html>

Answer 1

你不需要在函數中傳遞數字，你可以在函數內部用document.getElementById("temp-num").value ，你可以解析 value 將字符串轉換為數字

試試這個：

function toCelsius() {
  let numInput = parseFloat(document.getElementById("temp-num").value);
  return (numInput - 32) * (5 / 9);
};