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.
  • 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.