JavaScript

Browser APIs

Der Browser stellt APIs bereit: Speicher, Timer, Standort der Seite und mehr. localStorage ist die bekannteste.

localStorage

localStorage speichert Strings dauerhaft im Browser — auch nach dem Schließen des Tabs.

Objekte werden mit JSON.stringify gespeichert und mit JSON.parse gelesen.

Genau so merkt sich diese Lernplattform Theme, Sprache und Geräte-ID.

Speichern und lesen

localStorage.setItem('theme', 'dark');
localStorage.getItem('theme'); // 'dark'

const profil = { name: 'Ada' };
localStorage.setItem('profil', JSON.stringify(profil));
JSON.parse(localStorage.getItem('profil'));

Timer

setTimeout führt eine Funktion einmal nach einer Wartezeit aus.

setInterval wiederholt sie in festen Abständen. clearTimeout und clearInterval stoppen Timer.

<setTimeout()><setInterval()>

Timer

const id = setTimeout(() => {
  console.log('3 Sekunden vorbei');
}, 3000);

clearTimeout(id); // abbrechen

window und Freunde

window ist das globale Objekt des Browsers.

location liefert die URL und kann navigieren, navigator beschreibt den Browser, history steuert den Verlauf.

Fortschritt

Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.