# ChatGPT-licenskurs för webben (JavaScript-version)

En fristående webbkurs med **interaktiv quiz** för att informera och hantera beställningar av ChatGPT-licenser vid högskolan.

## ⚡ Nytt i JS-versionen

### Interaktiv Quiz med JavaScript
- **Slumpar 6 frågor** varje gång ur banken på 15
- **Direkt feedback** efter varje quiz
- **Progress bar** som visar hur många frågor du besvarat
- **Detaljerade resultat** med tips om vilka avsnitt du bör läsa vid fel
- **Försök igen**-knapp för att göra om testet

## 📁 Filstruktur

```
webbkurs-js/
├── index.html              # Startsida med tre huvudval
├── lasavsnitt.html         # Läsmaterial om säker användning
├── quiz.html               # INTERAKTIV quiz med JavaScript
├── quiz-data.js            # Alla 15 frågor (lätt att redigera!)
├── quiz-app.js             # Quiz-applikationslogik
├── bekraftelse.html        # Formulär för licensbeställning
├── submit.php              # Server-side script som skickar e-post
├── css/
│   └── style.css           # All styling (mobilanpassad)
└── README.md               # Denna fil
```

## ✏️ Redigera quiz-frågor

**Fil:** `quiz-data.js`

Alla 15 frågor finns i en array. Hitta frågan du vill ändra:
```javascript
{
    id: 1,
    question: "Din frågetext här?",
    options: [
        { id: "A", text: "Alternativ A" },
        { id: "B", text: "Alternativ B" }
    ],
    correct: "B",                    // Rätt svar
    feedback: "Rätt! Förklaring...",
    wrongFeedback: "Fel. Förklaring...",
    reference: "Avsnitt X: Titel"   // Hänvisning vid fel
}
```

### Ändra antal frågor i quiz
**Fil:** `quiz-app.js` (rad 16)
```javascript
selectedQuestions = shuffleArray(allQuestions).slice(0, 6);  // Ändra 6 till valfritt
```

## 🎯 Så fungerar quiz

1. Användaren klickar "Starta testet"
2. 6 frågor slumpas ur 15
3. Progress bar uppdateras när frågor besvaras
4. Vid submission visas direkt resultat med:
   - Totalpoäng (X/6)
   - Status baserat på resultat
   - Detaljerade resultat per fråga
   - För fel svar: Rätt svar + förklaring + hänvisning till läsmaterial
5. "Försök igen" startar om med nya slumpade frågor

## 📞 Support

Kontakta: simon@ydhag.com

Se den fullständiga README:n från no-JS-versionen för installation och övriga detaljer.

---

**Version:** 2.0 (JavaScript)
**Skapad:** 2026-02-16