Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
ksk_ef:web:apps:client [2024-08-11 08:11] – hofksk_ef:web:apps:client [2024-08-11 08:14] (aktuell) – hof
Zeile 40: Zeile 40:
  
 Um die Darstellung des Spiels zu ändern, setzen wir den Text des Buttons. Um die Spiellogik zu betreiben, speichern wir den Zustand zudem in einem Attribut `data-state`: Um die Darstellung des Spiels zu ändern, setzen wir den Text des Buttons. Um die Spiellogik zu betreiben, speichern wir den Zustand zudem in einem Attribut `data-state`:
-<code javascript>+<code javascript tictactoe.js>
     let color = 'X'; // or 'O'     let color = 'X'; // or 'O'
     button.innerText = color;     button.innerText = color;
Zeile 48: Zeile 48:
 In [[..:css|CSS]] können wir mit einem [[https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors|geeigneten Selektor]] die Zellen formatieren, die einen bestimmten Attributwert haben: In [[..:css|CSS]] können wir mit einem [[https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors|geeigneten Selektor]] die Zellen formatieren, die einen bestimmten Attributwert haben:
  
-<code css>+<code css tictactoe.css>
 button[data-state="X"] {   button[data-state="X"] {  
     background-color: red;     background-color: red;
  • ksk_ef/web/apps/client.1723363873.txt.gz
  • Zuletzt geändert: 2024-08-11 08:11
  • von hof