Övning 4: Bomben
Öppna mappen po4
i Visual Studio Code (eller den editor du föredrar). Studera HTML- och CSS-koden och skriv sedan den JavaScript-kod som krävs för att uppfylla nedanstående.
- Bomben som syns är ingen bild utan ett tecken från uppsättningen du kan se här. Eftersom att det är ett tecken kan vi ändra egenskapen
font-size
för att påverka storleken.
- När man klickar på bomben skall textstorleken öka med
1em
.
- När storleken blir
10em
skall bomb-ikonen bytas ut mot en explosions-ikon av samma storlek.
- Klickar man en gång till på explosionen skall bomben i orginalstorlek visas igen (proceduren startas om).