Åtgärder

Skapa miniquiz inuti text med AI: Skillnad mellan sidversioner

Från Skolbok

Skapade sidan med '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...'
 
mIngen redigeringssammanfattning
Rad 1: Rad 1:
PROMPT
PROMPT


:{PREFIX}uniktordförjustdettaquiz{PREFIX}
:{TEXT}inkopieradtext{/TEXT}


Skapa en interaktiv quiz i ren HTML, CSS och JavaScript baserat på en lärobokstext:
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}


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


Texten:
:En toggle-knapp som visar/döljer quizzet med texten "Visa quiz" / "Dölj quiz"
{TEXT}
: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


Quizzet ska innehålla:


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


2. 3 radioknapps-frågor med 4 alternativ där:
:Vara dolt från början
  - Endast ett svar är korrekt
:Visa grön feedback för rätt svar, röd för fel
  - Placeringen av rätt svar är slumpmässig
:Visa totalpoäng i procent när eleven klickar "Rätta svar"
:Ha responsiv design
:Använda prefix "{PREFIX}" för ALLA id-attribut


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:
VIKTIGT:
  - 1-4 svar kan vara korrekta
  - Placeringen av rätt svar är slumpmässig


Quizzet ska:
:Skapa ENDAST JavaScript-kod
- Vara dolt från början
:Skapa alla HTML-element dynamiskt med JavaScript (använd createElement, appendChild, etc.)
- Visa grön feedback för rätt svar, röd för fel
:Inkludera all CSS som inline styles eller via style-element
- Visa totalpoäng i procent när eleven klickar "Rätta svar"
:Koden ska kunna köras direkt genom att inkluderas i en HTML-sida
- Ha responsiv design
:Skriv bara JavaScript, ingen HTML-markup
- Använda prefix "{PREFIX}" för ALLA id-attribut


Skapa komplett, kopierbar kod.
Skapa komplett, kopierbar JavaScript-kod.




[[Kategori:AI]]
[[Kategori:AI]]

Versionen från 29 december 2025 kl. 15.53

PROMPT


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


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


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.