Skip to main content

Stap 6, oranje flash

Als we op het oranje licht klikken dan zal die aan gaan, maar we hebben het algoritme al zo verandert dat het oranje licht vanzelf aan gaat als we het licht op rood willen zetten.

Wat we gaan doen is dat we het stoplicht 'uit' gaan zetten als we op het oranje licht klikken.

Welke stappen gaan we doen?

  1. We gaan een style maken die het oranje licht laat knipperen.
  2. We maken een nieuwe functie en die noemen we switchOff(). Deze functie voegt de nieuwe stijl toe aan het oranje licht en zet het groene en rode licht uit.

Flashy stijl

In de style sectie plaatsen we twee nieuwe stijlen:

.lamp-flash {
  animation: flash 1s infinite;
}

@keyframes flash {
    0%, 100% { background-color: #222; } /* Light off (dark color) */
    50% { background-color: orange; } /* Light on (orange color) */
}

......