Lav en quiz i JavaScript

JavaScript er sproget, der gør hjemmesider interaktive. I dette projekt bygger du en quiz, som du kan sende til dine venner.

Sådan gør du

1. Lav en fil, der hedder quiz.html, og kopiér koden nedenfor ind.
2. Åbn filen i din browser, og tag quizzen.
3. Skriv dine egne spørgsmål i listen spoergsmaal. rigtigt er nummeret på det rigtige svar (0 er det første).
4. Style knapperne med CSS, så quizzen ser ud som du vil.

Eksempel

<div id="quiz"></div>
<script>
const spoergsmaal = [
  { tekst: 'Hvor mange LED'er har en micro:bit?', svar: ['9', '25', '100'], rigtigt: 1 },
  { tekst: 'Hvad bruges CSS til?', svar: ['Udseende', 'Lyd', 'Databaser'], rigtigt: 0 },
];
let nr = 0, point = 0;
const boks = document.getElementById('quiz');

function vis() {
  if (nr === spoergsmaal.length) {
    boks.innerHTML = `<h2>Du fik ${point} ud af ${spoergsmaal.length}!</h2>`;
    return;
  }
  const s = spoergsmaal[nr];
  boks.innerHTML = `<h2>${s.tekst}</h2>`;
  s.svar.forEach((svar, i) => {
    const knap = document.createElement('button');
    knap.textContent = svar;
    knap.onclick = () => { if (i === s.rigtigt) point++; nr++; vis(); };
    boks.appendChild(knap);
  });
}
vis();
</script>