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
- 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.
Formatera sidan med css
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.