This is a quiz-project made as a part of the course Javascript 1 in the FEND22 program at Nackademin AB.
Uppgift:
Beskrivning
Du har fått i uppgift att skapa en quiz-applikation åt Ankademin. Användare ska kunna svara på frågor och få feedback på huruvida hen besvarat dessa rätt eller fel. Applikationen ska fungera utan några större buggar. Du väljer själv vilka frågor som quizet ska bestå utav.
Du ska även ha ditt projekt på Github och pusha upp kod kontinuerligt under projektets gång.
Kravsättning
Betyg G
Quizet ska innehålla 10 frågor. Frågorna ska bestå utav sant/falskt påståenden med två möjliga svarsalternativ: Sant eller Falskt.
Användaren ska utöver att besvara frågor för quizet, även kunna byta utseende på sidan mellan dark mode (dvs mörk bakgrundsfärg med ljus text ) och light mode (ljus bakgrundsfärg med mörk text).
Användaren ska kunna besvara samtliga frågor och sedan klicka på en knapp för att se sitt resultat.
Skriv ut antal rätt som användaren fått. Använd även färg och text för att meddela användarens resultat utefter följande kriterier:
< 50% - Underkänt (röd) 50%-75% - Godkänt (gul/orange)
75% - Mycket väl godkänt (grönt) Du har gjort minst 3 commits till ditt Github-repository under projektets gång.
Betyg VG
Alla G-krav är uppfyllda
Frågorna ska bestå utav en blandning av följande typer (minst 2 av varje typ)
Sant/falskt-påståenden - (Två svarsalternativ - Sant eller Falskt)
Multiple choice - (Fyra svarsalternativ varav ett rätt svar)
Checkbox-svar (4 checkboxar med svarsalternativ - 1-3 rätta svar, minst 1 felaktigt svar). Samtliga rätta svar måste vara ifyllda och samtliga felaktiga ska ej vara ifyllda för att få 1 poäng.
Användaren ska kunna se exakt vilka frågor hen besvarat rätt och/eller felaktigt när resultatet visas. (Om hen besvarat frågan fel, bestämmer du själv om du vill skriva ut det rätta svaret eller inte).
Tekniskt krav: Koden följer “DRY”-principen (Dont repeat yourself) och undviker större upprepningar av kod i logiken.
Bonus: Försök att snygga till quizet med CSS så att den ser lite mer användarvänlig ut! Detta betygssätts ej, men kan vara bra för ert portfolio.
Inlämning sker i form av en (publik, ej privat) github-länk.