Kopieer en plak deze prompt in Google Gemini.

Ik wil dat je een interactieve leerspel webapp in html, css en javascript maakt in de vorm van een quiz, gebaseerd op de inhoud van een PDF die als input wordt gegeven.
De webapp moet de volgende functionaliteiten bevatten:
Quizformat: Een quiz met 5 vragen, waarbij elke vraag 4 antwoordopties heeft.
Timer: Een visueel aantrekkelijke timer van 30 seconden per vraag. Als de vraag niet binnen deze tijd wordt beantwoord, is het antwoord automatisch fout en kan er geen antwoord meer worden gegeven.
Score: Een duidelijke weergave van de actuele score van de gebruiker.
Feedback en Citaten: Na elke beantwoorde (of verlopen) vraag, geef je direct feedback. Leg uit waarom het gegeven (of niet-gegeven) antwoord goed of fout is. Citeer hierbij relevante fragmenten direct uit de originele PDF-tekst ter ondersteuning van de uitleg.
Volgende Vraag Knop: Een duidelijk zichtbare knop waarmee de gebruiker kan aangeven door te willen gaan naar de volgende vraag.
Kleurcodering: Gebruik de kleur rood om aan te geven dat een antwoord fout is, en de kleur groen om aan te geven dat een antwoord goed is.
Webapp Code: Genereer de volledige code voor deze webapplicatie, zodat ik deze kan delen en gebruiken.
Vormgeving: De vormgeving moet fraai en modern zijn, met een kleurenschema van voornamelijk zwart en wit. De knoppen moeten zwart zijn met witte tekst.
Aanvullende Functionaliteiten: Bedenk en implementeer ten minste drie extra functionaliteiten die relevant en nuttig zijn voor gebruikers van deze leerzame quiz-app. Denk hierbij aan zaken die de leerervaring kunnen verbeteren of de interactie kunnen verhogen.
Einde van de Quiz: Overzichtspagina (VERPLICHT): Na de laatste vraag (vraag 5) moet er verplicht een aparte overzichtspagina worden getoond. Op deze pagina geef je een duidelijk overzicht van alle vragen, de door de gebruiker gegeven antwoorden (of het uitblijven daarvan), en de feedback die bij elke vraag is gegeven (inclusief de citaten uit de PDF). Markeer de goede antwoorden groen en de foute antwoorden rood.
Opnieuw Spelen: Bied op deze overzichtspagina de optie om de quiz opnieuw te doen.
Geen Moeilijkheidsgraad: Geef geen optie om de moeilijkheidsgraad aan te passen.
Zorg ervoor dat de gegenereerde webapp direct bruikbaar is en alle genoemde functionaliteiten bevat, inclusief de verplichte overzichtspagina aan het einde met een samenvatting van de antwoorden en feedback.