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

  1. 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.
  2. När man klickar på bomben skall textstorleken öka med 1em.
  3. När storleken blir 10em skall bomb-ikonen bytas ut mot en explosions-ikon av samma storlek.
  4. Klickar man en gång till på explosionen skall bomben i orginalstorlek visas igen (proceduren startas om).

Praktisk övning 4