Skapa miniquiz inuti text med AI: Skillnad mellan sidversioner
Från Skolbok
Ingemar (diskussion | bidrag) mIngen redigeringssammanfattning |
Ingemar (diskussion | bidrag) mIngen redigeringssammanfattning |
||
| Rad 2: | Rad 2: | ||
---- | ---- | ||
Du är mästare på HTML, CSS och JAVASCRIPT programmering i enkla hemsidor. Du ska skapa ett litet enkelt quiz kopplat till en kort text på en hemsida. | |||
:{PREFIX}uniktordförjustdettaquiz{/PREFIX} | :{PREFIX}uniktordförjustdettaquiz{/PREFIX} | ||
:{TEXT}inkopieradtext{/TEXT} | :{TEXT}inkopieradtext{/TEXT} | ||
:{NEXTHEADING}Rubrikenunderquizet{/NEXTHEADING} | |||
Skapa en interaktiv quiz i ren JavaScript baserat på en lärobokstext: | Skapa en interaktiv quiz i ren JavaScript baserat på en lärobokstext: | ||
| Rad 12: | Rad 14: | ||
Quizzet ska innehålla: | Quizzet ska innehålla: | ||
:En toggle-knapp som visar/döljer quizzet med texten "Visa quiz" / "Dölj quiz" | :En toggle-knapp som visar/döljer quizzet med texten "Visa quiz" / "Dölj quiz". | ||
:3 radioknapps-frågor med 4 alternativ där endast ett svar är korrekt och placeringen av rätt svar är slumpmässig | :3 radioknapps-frågor med 4 alternativ där endast ett svar är korrekt och placeringen av rätt svar är slumpmässig | ||
:3 textinmatningsfrågor där ett ord saknas från en mening i texten, svaret är INTE skiftlägeskänsligt | :3 textinmatningsfrågor där ett ord saknas från en mening i texten, svaret är INTE skiftlägeskänsligt | ||
:3 kryssrute-frågor med 4 alternativ där 1-4 svar kan vara korrekta och placeringen är slumpmässig | :3 kryssrute-frågor med 4 alternativ där 1-4 svar kan vara korrekta och placeringen är slumpmässig | ||
:En rättningsknapp "Rätta svar" som när den pressas ska visa vad som eleven rätt eller fel i quizet. | |||
Quizzet ska: | Quizzet ska: | ||
:Skapas ovanför rubriken {NEXTHEADING} i texten. | |||
:Vara dolt från början | :Vara dolt från början | ||
:Visa grön feedback för rätt svar, röd för fel | :Visa grön feedback för rätt svar, röd för fel | ||
Versionen från 29 december 2025 kl. 17.37
PROMPT
Du är mästare på HTML, CSS och JAVASCRIPT programmering i enkla hemsidor. Du ska skapa ett litet enkelt quiz kopplat till en kort text på en hemsida.
- {PREFIX}uniktordförjustdettaquiz{/PREFIX}
- {TEXT}inkopieradtext{/TEXT}
- {NEXTHEADING}Rubrikenunderquizet{/NEXTHEADING}
Skapa en interaktiv quiz i ren 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:
- En toggle-knapp som visar/döljer quizzet med texten "Visa quiz" / "Dölj quiz".
- 3 radioknapps-frågor med 4 alternativ där endast ett svar är korrekt och placeringen av rätt svar är slumpmässig
- 3 textinmatningsfrågor där ett ord saknas från en mening i texten, svaret är INTE skiftlägeskänsligt
- 3 kryssrute-frågor med 4 alternativ där 1-4 svar kan vara korrekta och placeringen är slumpmässig
- En rättningsknapp "Rätta svar" som när den pressas ska visa vad som eleven rätt eller fel i quizet.
Quizzet ska:
- Skapas ovanför rubriken {NEXTHEADING} i texten.
- 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
VIKTIGT:
- Skapa ENDAST JavaScript-kod
- Skapa alla HTML-element dynamiskt med JavaScript (använd createElement, appendChild, etc.)
- Inkludera all CSS som inline styles eller via style-element
- Koden ska kunna köras direkt genom att inkluderas i en HTML-sida
- Skriv bara JavaScript, ingen HTML-markup
Skapa komplett, kopierbar JavaScript-kod.
OBS! det är inte alltid som scriptet också skapar script-taggarna. Ser du scriptet som text på hemsidan måste du lägga in detmellan script-taggar för att det ska fungera.