Differences

This shows you the differences between two versions of the page.

--- webbutv_11 [2017-09-01 14:54]
127.0.0.1 external edit
+++ webbutv_11 [2022-07-18 13:20]
@@ Line 1: / Line 1: @@
-====== 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. \\ \\
-{{:script1.zip|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. {{:script1.png?linkonly|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//.
-===== Tips =====
-Använd //inspect element// i din webbläsare.
-===== Redovisning =====
-Skicka in din css-fil, //script1.css//.