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.
Förändra 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 lä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.
Tips
Använd inspect element i din webbläsare.
Redovisning
Skicka in din css-fil, script1.css.