Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung		 Vorherige Überarbeitung
talit:web:webapps:client [2026-08-10 13:08] – [Darstellung in HTML] hoftalit:web:webapps:client [2026-08-10 15:12] (aktuell) – [Darstellung in HTML] hof
Zeile 4: Zeile 4:
  
 {{:talit:web:webapps:client:pasted:20250204-140319.png?nolink&300|Vier Gewinnt}} {{:talit:web:webapps:client:pasted:20250204-140319.png?nolink&300|Vier Gewinnt}}
- 
 ### Auftrag A: Struktur & Formatierung ### Auftrag A: Struktur & Formatierung
  
-Erstelle HTML & CSS, um ein Vier-Gewinnt-Spiel darzustellen:+Erstelle [[gf_informatik:web:start|HTML & CSS]], um ein Vier-Gewinnt-Spiel darzustellen:
  
   * Erstelle einen neuen Ordner, in dem die ganze Web-App enthalten sein wird!   * Erstelle einen neuen Ordner, in dem die ganze Web-App enthalten sein wird!
Zeile 105: Zeile 104:
 } }
 </code> </code>
- 
 #### Darstellung in HTML #### Darstellung in HTML
  
Zeile 112: Zeile 110:
 Um die Darstellung des Spiels zu ändern, setzen wir den Text des Buttons mit der [[https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent|textContent]] Eigenschaft. Für die Formatierung mit CSS speichern wir den Zustand zudem in einem Attribut `data-state`. Sobald die Formatierung funktioniert, können wir den Text auch wieder entfernen. Um die Darstellung des Spiels zu ändern, setzen wir den Text des Buttons mit der [[https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent|textContent]] Eigenschaft. Für die Formatierung mit CSS speichern wir den Zustand zudem in einem Attribut `data-state`. Sobald die Formatierung funktioniert, können wir den Text auch wieder entfernen.
  
-<code javascript connnect4.js>+<code javascript connect4.js>
     let color = game.board[cell];              // 1, or 2     let color = game.board[cell];              // 1, or 2
     button.textContent = color;                // remove once CSS formatting works     button.textContent = color;                // remove once CSS formatting works
  • talit/web/webapps/client.1786367299.txt.gz
  • Zuletzt geändert: 2026-08-10 13:08
  • von hof