In VSCode die Extension «Live Server» installieren.

erste HTML interaktion

Cheat-Sheet

Temperatur-Rechner

   Grad Celsius <input type="number" id="grad"><br>
   Grad Fahrenheit <input type="number" id="fahrenheit"><br>
window.addEventListener('load',function() {
    let grad = this.document.getElementById('grad');
    let fahrenheit = this.document.getElementById('fahrenheit');
 
    function c2f() {
        let f = Number(grad.value)*1.8+32;
        fahrenheit.value=f;
        console.log(`Die Umrechnung gibt ${f}`);
    }
 
    grad.addEventListener('input', c2f);
 
    function f2c() {
        let c = (Number(fahrenheit.value)-32)/1.8;
        grad.value=c;
        console.log(`Die Umrechnung gibt ${c}`);
    }
    fahrenheit.addEventListener('input', f2c);
 
});