Celsius in Fahrenheit umrechnen - Wie man in der Eingabe anzeigt

Question

Ich lerne Javascript, und ich versuche ein einfaches Skript zu erstellen, das die Benutzer celsius nimmt und es in Fahrenheit innerhalb des Fahrenheit-Eingabefeldes umwandelt. Ich bin in der Lage, die Ergebnisse zu protokollieren, aber ich kann nicht herausfinden, wie ich die Fahrenheit in das Eingabefeld eingeben soll. 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

Sie können es 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>