Week1 - PROJECT - KleurenToggle

Requirements ✍️

Aan deze minimale eisen moet jouw project voldoen:

1. Als gebruiker wil ik op een hamburger-icoon kunnen klikken dat uitklapt als ik er op klik.
   • Gebruik een ul en li voor het menu.
   • Focus je vooral op de JavaScript (dus weinig tijd aan de CSS)
   • Het volgende icoon ga je nodig hebben voor je menu:
2. Als gebruiker wil ik in het uitgeklapte menu een keuze hebben aan kleuren (uitgeschreven in tekst). Elk item in het menu is één kleur.
3. Als gebruiker wil ik op één van de kleuren kunnen klikken.
4. Wanneer ik als gebruiker op de kleur in het menu heb geklikt verandert de achtergrondkleur van de gehele pagina in de aangeklikte kleur.
5. Wanneer ik als gebruiker op de kleur in het menu klik, klapt het menu weer terug in.

Bonus Requirements 🚀

• Als gebruiker wil ik niet alleen de kleurennamen lezen, ik wil ook de kleuren kunnen zien in het menu. Elke "rij" in het menu heeft toont een kleur.
• Als gebruiker wil ik op een radiobutton kunnen klikken van de kleur van mijn keuze, waardoor ik aan de radiobutton zie wat de huidige kleur is die "actief" is op dit moment.
• Als gebruiker wil ik de naast de veranderende achtergrondkleur ook de uitgeschreven naam van de achtergrondkleur op de achtergrond zien wanneer ik deze heb aangeklikt.
• Verander de kleuren door het gebruik van keyboard toetsen (1 voor home, 2 voor rood, 3 voor oranje, etc.) ⇒ ****hier heb je dus een nieuw Event Type nodig...