Convertir Celsius en Fahrenheit - Comment afficher à l'intérieur de l'entrée

Question

J'apprends Javascript, et j'essaye de créer un manuscrit simple qui prend les utilisateurs Celsius et le convertis en Fahrenheit à l'intérieur du champ d'entrée de Fahrenheit. Je suis capable de consigner les résultats de la console, mais je n'arrive pas à comprendre comment entrer le Fahrenheit à l'intérieur du champ de saisie. Codepen Here

//Capture input string from .inputbox into TestVar 
function testResults (form) { 
    var TestVar = form.inputbox.value, 
     numString = parseFloat(TestVar), 
     text = ""; 

    return numString * 1.8 + 32; 

} 
// Celsius * 1.8 + 32 = Fahrenheit 
console.log(testResults); 

Answer 1

Vous pouvez le faire en utilisant HTMLInputElement.value

// Find the button in the document 
 
let btn = document.querySelector('input[type=button]'); 
 
// Add a click event listener to the button 
 
btn.addEventListener ('click', e => { 
 
    // Find the fahrenheit input field 
 
    let f = document.querySelector('#fahrenheit'); 
 
    // Find the celsisus input field 
 
    let c = document.querySelector('#celsisus'); 
 
    // Make the calculation from the fahrenheit value. 
 
    // Save it to the celsisus input field using `c.value` 
 
    // where `c` is the reference to the celsisus input 
 
    c.value = parseFloat(f.value) * 1.8 + 32; 
 
});

<form name="myform" action="" method="GET"> 
 
    <p>Convert Celsius to Fahrenheit </p> 
 
    <p><input type="text" name="inputbox" value="" id="fahrenheit" placeholder="Fahrenheit"></p> 
 
    <p><input type="text" name="fahrenheit" id="celsisus" value="" placeholder="Celsius"></p> 
 
    <p><input type="button" NAME="button" Value="Click" ></p> 
 
</form>