Aufgabe 1

Finde heraus, was folgende Begriffe bedeuten und dokumentiere diese für dich im Wiki

• JavaScript

• Vanilla Script

• Document (im Kontext von html und JavaScript)

Arbeite dich ein in JavaScript in Bezug auf, wo im HTML wird JavaScript «geschrieben». Schaue auch an, wie du JavaScript «auslagern» kannst, also ausserhalb deiner index.html Datei in einer eigenen Datei speichern kannst.

Erstelle eine index.html Datei, welche eine externe JavaScript Datei (code.js) einbindet und auch eine externe CSS-Datei einbindet (style.css).

jsfiddle stellt dir diese drei Dateien automatisch zur Verfügung. Wenn du im Bereich html folgendes eingibst: doc[dann die Tabulator taste drücken], bekommst du ein HTML-Grungerüst angezeigt

Erweitere jetzt deine index.html Datei, so dass du folgendes Bild hast. Verwende dazu HTML-Tags und -Styles:

Oben sollte dein Name als Titel mit der Grösse zwei stehen.

Darunter gibt es zwei «Schachbretter» welche 3x3 Boxen gross sind.

Unterhalb der zwei Schachbretter erstellst du zwei Buttons, welche den Text für zwei Farben enthalten. Für das Schachbrett informiere dich im Interflex über FlexBox und wie du diese im html / css verwenden kannst. Schaue auch nach, für was das Attribut id benötigt wird und ergänze dein Schachbrett entsprechend mit ids.