D08: javascript-und-die-website 1.0.0 #1

Merged

oliver.maklott merged 1 commit from d08-javascript-und-die-website into main 2026-09-30 14:36:09 +00:00

Conversation 0 Commits 1 Files changed 18 +1574 -1

oliver.maklott commented 2026-09-30 14:35:46 +00:00

Owner

Copy link

Auftrag D08 (aivopod-app Plan 4): javascript-und-die-website 1.0.0. Der Merge veröffentlicht v1.0.0.

Challenge	normal	erweitert	experte
Die Konsole im Browser	<script>, DevTools öffnen, Schlüsselwort abschreiben	Fehler in den DevTools lesen und beheben	warn und error
Elemente finden	document.getElementById, textContent lesen und ändern	# im Namen, null, Skript zu früh	style, Ampel
Auf Klicks reagieren	ausprobieren, Verbindung über id, Konsole beim Laden	begruessen() zu früh aufgerufen, onclick	Pfeilfunktion, zwei Knöpfe
Ein Zähler	ausprobieren, nach drei Klicks	Variable in der Funktion, Anzeige fehlt	Zähler selbst schreiben (Schritt wie bisher)

• pack test: 58 Tests grün, mit typischen Fehlern (fremdes Schlüsselwort, Platzhalter, Teil kopiert; Variable nach der Ausgabe angelegt; warn/error vertauscht; in die Konsole statt in die Seite; style.background-color; Funktion mit Klammern übergeben; stand in der Funktion …)
• Vorschau durchgespielt (pack-preview.spec.ts, CLI 0.5.0-rc.1): 30 Schritte, 19 mit Rückmeldung
• DevTools-Schritt in Chromium und Firefox durchgespielt: Das Schlüsselwort steht nur in der Browser-Konsole (nicht auf der Seite der Plattform), bleibt nach Neuladen gleich und wird als Antwort angenommen („Richtig!“)
• Aus der Vorlage von aivopod pack init 0.5.0-rc.1; Thema aivopod-pack und Beschreibung setzt der Merge

Gefunden für D09 (Plattform): Das Fehlermuster variable-in-anfuehrungszeichen meldet getElementById("knopf"), wenn es eine Variable knopf gibt – ein häufiges Muster; richtige Lösungen bestehen trotzdem, aber der Editor unterstreicht es.

🤖 Generated with Claude Code

Auftrag **D08** (aivopod-app Plan 4): `javascript-und-die-website` **1.0.0**. Der Merge veröffentlicht `v1.0.0`. | Challenge | normal | erweitert | experte | | --- | --- | --- | --- | | Die Konsole im Browser | `<script>`, DevTools öffnen, Schlüsselwort abschreiben | Fehler in den DevTools lesen und beheben | `warn` und `error` | | Elemente finden | `document.getElementById`, `textContent` lesen und ändern | `#` im Namen, `null`, Skript zu früh | `style`, Ampel | | Auf Klicks reagieren | ausprobieren, Verbindung über `id`, Konsole beim Laden | `begruessen()` zu früh aufgerufen, `onclick` | Pfeilfunktion, zwei Knöpfe | | Ein Zähler | ausprobieren, nach drei Klicks | Variable in der Funktion, Anzeige fehlt | Zähler selbst schreiben (Schritt wie bisher) | - [x] `pack test`: 58 Tests grün, mit typischen Fehlern (fremdes Schlüsselwort, Platzhalter, Teil kopiert; Variable nach der Ausgabe angelegt; `warn`/`error` vertauscht; in die Konsole statt in die Seite; `style.background-color`; Funktion mit Klammern übergeben; `stand` in der Funktion …) - [x] Vorschau durchgespielt (`pack-preview.spec.ts`, CLI 0.5.0-rc.1): 30 Schritte, 19 mit Rückmeldung - [x] DevTools-Schritt in **Chromium und Firefox** durchgespielt: Das Schlüsselwort steht nur in der Browser-Konsole (nicht auf der Seite der Plattform), bleibt nach Neuladen gleich und wird als Antwort angenommen („Richtig!“) - [x] Aus der Vorlage von `aivopod pack init` 0.5.0-rc.1; Thema `aivopod-pack` und Beschreibung setzt der Merge Gefunden für D09 (Plattform): Das Fehlermuster `variable-in-anfuehrungszeichen` meldet `getElementById("knopf")`, wenn es eine Variable `knopf` gibt – ein häufiges Muster; richtige Lösungen bestehen trotzdem, aber der Editor unterstreicht es. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

oliver.maklott added 1 commit 2026-09-30 14:35:46 +00:00

D08: javascript-und-die-website 1.0.0 – where HTML and JavaScript meet ... b1d67cfc2f

- Die Konsole im Browser: <script>, opening the developer tools, checked with a key word
  per student (konsole: "devtools", plattform.schluessel()), reading errors, warn/error.
- Elemente finden: document, getElementById, textContent, null, script position, style.
- Auf Klicks reagieren: addEventListener with a named function, passing instead of
  calling, onclick, the arrow function short form.
- Ein Zähler: a value kept between clicks; replaces "Ein Knopf, der etwas tut" of
  web-grundlagen 1.x (the expert step zaehler is unchanged).
- From the pack template of aivopod 0.5.0-rc.1.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

oliver.maklott merged commit b1d67cfc2f into main 2026-09-30 14:36:09 +00:00

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference

aivopod-challenges/JavaScript-und-die-Website!1

No description provided.