Skapa miniquiz inuti text med AI

PROMPT

{PREFIX}uniktordförjustdettaquiz{PREFIX}

{TEXT}inkopieradtext{/TEXT}

Skapa en interaktiv quiz i ren HTML, CSS och JavaScript baserat på en lärobokstext:

ANVÄND PREFIX "{PREFIX}" FÖR ALLA ID:N (t.ex. quiz-container blir {PREFIX}-quiz-container)

Texten: {TEXT}

Quizzet ska innehålla:

1. En toggle-knapp som visar/döljer quizzet med texten "Visa quiz" / "Dölj quiz"

2. 3 radioknapps-frågor med 4 alternativ där:

  - Endast ett svar är korrekt
  - Placeringen av rätt svar är slumpmässig

3. 3 textinmatningsfrågor där:

  - Ett ord saknas från en mening i texten
  - Svaret är INTE skiftlägeskänsligt (accepterar både "Europa" och "europa")
  - Eleven ska hitta ordet i texten

4. 3 kryssrute-frågor med 4 alternativ där:

  - 1-4 svar kan vara korrekta
  - Placeringen av rätt svar är slumpmässig

Quizzet ska: - Vara dolt från början - Visa grön feedback för rätt svar, röd för fel - Visa totalpoäng i procent när eleven klickar "Rätta svar" - Ha responsiv design - Använda prefix "{PREFIX}" för ALLA id-attribut

Skapa komplett, kopierbar kod.