Tictactoe: b - Webseiten-Elemente mit JavaScript manipulieren
- >>> zurück zu: Tictactoe
- >>> online Testen: http://www.lepirate-rosenheim.de/privat/tictactoe/tictactoe1.html
Der Code erzeugt eine Site, die ein Tic-Tac-Toe-Spielfeld anzeigt. Mithilfe einer Tabelle und dem img-Tag werden die Bilder der Spieler angezeigt (Bot oder Schoko).
Drumherum
Zeile 1 - 3 sowie 10 - 11 enthalten eine Kommentar bzw. definieren einen html-Bereich und einen body. Beides kann man auch weglassen, falls die Abgrenzung zu anderen Objekten nicht nötig ist.
h2-Tag
... Erzeugt die Überschrift. Das Attribut id vereinbart einen internen Namen, mithilfe dessen später darauf zurückgegriffen werden kann.
Der table-Tag
... definiert eine Tabelle
... tr eine neue Zeile (table-row)
... td eine neue Zelle (table-data)
Der img-Tag
... definiert ein Bild. Das Attribut src (Source) spezifiziert den Dateinamen, dessen Ziel im selben Ordner liegen muss, wie die Site.
Aufgaben
Variiere das Design des Spiels durch eigene Bilder, Farben und Texte.