如何在輸入字段中顯示結果值？

Question

//這里我想使用javascript將溫度從攝氏溫度轉換為華氏溫度。當我輸入攝氏溫度時，它會立即計算，我可以使用警報顯示結果。但我想在華氏溫度輸入字段中顯示結果。我怎么能?

 //var celcius = document.getElementById("celcius") //var farenheit = document.getElementById("farenheit") function converter() { farenheit.value = (celcius.value * 1.8) + 32; alert(farenheit.value); document.getElementById("farenheit") = farenheit.value; }

 .container { width: 500px; height: 500px; background-color: blue; color: white; margin: auto; } h1 { text-align: center; } .btn1 { text-align: center; } .celcius { text-align: center; } .farenheit { text-align: center; }

 <div class="container"> <form> <h1>Temperature Converter</h1> <div class="celcius"> <label>Celcius:</label> <input type="number" id="celcius" placeholder="Enter Temperature In Celcius"> </div> <br><br><br> <div class="btn1"> <button onclick="converter()">Converter</button> </div> <br><br><br> <div class="farenheit"> <label>Farenheit:</label> <input type="number" id="farenheit" disabled> </div> </form> </div>

Answer 1

直接使用farenheit.value 。

 function converter(event) { var celcius = document.getElementById("celcius") var farenheit = document.getElementById("farenheit") farenheit.value = (celcius.value * 1.8) + 32; }

 .container { width: 500px; height: 500px; background-color: blue; color: white; margin: auto; } h1 { text-align: center; } .btn1 { text-align: center; } .celcius { text-align: center; } .farenheit { text-align: center; }

 <div class="container"> <form> <h1>Temperature Converter</h1> <div class="celcius"> <label>Celcius:</label> <input type="number" id="celcius" placeholder="Enter Temperature In Celcius"> </div> <br><br><br> <div class="btn1"> <button type="button" onclick="converter()">Converter</button> </div> <br><br><br> <div class="farenheit"> <label>Farenheit:</label> <input type="number" id="farenheit" disabled> </div> </form> </div>

Answer 2

根據這里所說的，您可以使用document.getElementById("farenheit").value

Answer 3

在按鈕上的 HTML 中設置type="button"和 JS 代碼應該是

function converter() {

   var farenheit = (document.getElementById("celsius") * 1.8) + 32;

    document.getElementById("farenheit").value = farenheit;

  }

Answer 4

將您的 javascript 更改為：

//var celcius = document.getElementById("celcius")
//var farenheit = document.getElementById("farenheit")
function converter() {
  farenheit.value = (celcius.value * 1.8) + 32;

  alert(farenheit.value);
  document.getElementById("farenheit").value = farenheit.value;
}

Answer 5

你可以用這個。

function converter() {
  farenheit.value = (celcius.value * 1.8) + 32;

  alert(farenheit.value);
  $("#farenheit").val(farenheit.value);
}