Infoga JavaScript – övning 1

I denna uppgift ska du infoga ett färdigt JavaScript på din sida. Du ska sedan använda css för att formatera de knappar och divar som scriptet genererar.

Här hittar du filerna.

• Använd en script-tagg för att länka in JavaScriptfilen script1.js. Försök själv lista ut hur man gör detta.
• Länka även in en css-fil med namnet script1.css. Denna fil ska du skapa själv.
• I övrigt får du inte göra några förändringar i HTML-koden.

Följande ska formateringar ska göras i script1.css:

• De divar som genereras ska ha en bredd på 100px och en höjd på 100px.
• Varje div ska ha en ram. Bakgrundsfärg ska sättas till den färg som står i texten i respektive div.
• De 5 divarna skall positioneras som femman på en tärning. Se bild.
• När man trycker på en av knapparna skall formateringar göras som ändrar bakgrunden på hela sidan.
  För högre betyg skall även färgen på ramarna runt divarna ändras. Alla ramar ska få olika färger.
• Gör formateringar så att sidan ser bra ut i övrigt, t.ex. margin och padding.

Använd inspect element i din webbläsare.

Skicka in din css-fil, script1.css.