How i can show resultant value in input field?

Question

//Here i want to convert the temperature from celcius to farenheit using javascript.When i enter the value of celcius it calculates currectly and i can show the result using alert.But i want to show the result in Farenheit input field.how can i?

 //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

Use farenheit.value directly.

 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

In your HTML on button set type="button" and JS code should be

function converter() {

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

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

  }

Answer 4

Change your javascript to this:

//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

you can use this.

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

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