Javascript Quiz

Javascript Quiz
1 / 12
next
Slide 1: Slide
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

This lesson contains 12 slides, with interactive quizzes and text slides.

time-iconLesson duration is: 45 min

Items in this lesson

Javascript Quiz

Slide 1 - Slide

Hoe staan we erin vandaag?
😒🙁😐🙂😃

Slide 2 - Poll

Wat weet je al over Javascript?

Slide 3 - Mind map

Inhoud
We bouwen een interactieve quiz met:
  • Vraag en antwoordopties
  • Feedback (goed/fout)

Slide 4 - Slide

Vragen en Antwoorden Opslaan
  • Array met objecten
  • const quizvraag = [  { question: "Wat is de hoofdstad van Nederland?", options: ["Amsterdam", "Rotterdam", "Utrecht"], correct: "Amsterdam" }];
  • Link naar w3/arrays/js

Slide 5 - Slide

Interface
<div id="quiz-container">
    <p id="question"></p>
    <div id="options"></div>
    <button id="next-btn">Volgende</button>
    <p>Score: <span id="score">0</span></p>
</div>

Slide 6 - Slide

Feedback
....

Slide 7 - Slide

Samen code opdracht

Slide 8 - Slide

Schrijf 3 dingen op die je hebt geleerd deze les

Slide 9 - Open question

Schrijf 2 dingen waar je nog meer over wilt weten

Slide 10 - Open question

Stel 1 vraag over iets dat je nog niet helemaal hebt begrepen

Slide 11 - Open question

Wat vond je van de les
😒🙁😐🙂😃

Slide 12 - Poll