lehrkraefte:blc:informatik:efi-2023:js

  • HTML
  • CSS (Cascade Style Sheet)
  • JS (JavaScript)
  • Browser loop → Video

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);
 
});
  • lehrkraefte/blc/informatik/efi-2023/js.txt
  • Last modified: 2024/04/25 12:00
  • by Ivo Blöchliger