ChatGPT: ett multiplikationsquiz som öppnas i webbläsaren

Uppgifterna är kontrollerade mot officiell dokumentation 23 oktober 2026. Tjänster ändras ofta, så jämför alltid med det du ser på skärmen.

Kort om tjänsten

ChatGPT är OpenAI:s chattjänst. Du skriver en beskrivning och får text, kod eller bilder tillbaka. En nybörjare kan använda den för att få fram små övningsappar, quiz, arbetsblad och förklaringar.

Den här guiden bygger medvetet inte på funktionen canvas. Enligt OpenAI:s release notes togs canvas bort från modellerna GPT-5.5 Instant och GPT-5.5 Thinking den 28 maj 2026, och skrivande och kodning sker nu i skriv- och kodblock i chatten. Det här är ett bra exempel på att funktioner byter plats och namn.

I stället ber du ChatGPT skriva en komplett HTML-fil. Det är en vanlig textfil som alla webbläsare kan öppna. Då är det inte tjänstens förhandsvisning som avgör om det fungerar, utan din egen webbläsare.

Det här behöver du

• Ett OpenAI-konto och inloggning på chatgpt.com.
• Ingen betalplan krävs för den här metoden. Enligt OpenAI:s release notes (7 oktober 2026) använder Free och Go modellen GPT-6 Luna i chatten, och Plus, Pro, Business och Enterprise använder GPT-6 Sol. Modellerna byts ofta. Titta på modellväljaren för att se vad du har.
• En Mac med programmet TextEdit och en webbläsare, till exempel Safari.
• Betalplan för ett steg längre: funktionen ChatGPT Sites, som publicerar en webbplats eller liten app direkt, finns enligt OpenAI:s hjälpsida för Plus, Pro, Business och Enterprise. Den är inte tillgänglig på Free eller Go, och Edu nämns inte som berättigad. Se rutan efter stegen.
• Personuppgifter: skriv aldrig in elevers namn eller andra personuppgifter. OpenAI skriver att konversationer på Free, Go, Plus och Pro kan användas för träning om inställningen Improve the model for everyone är på.
• Skolans regler: enligt Skolverkets råd om AI-verktyg (öppnas i ny flik) bör lärare inte lämna personuppgifter eller elevtexter till AI-tjänster utan tillåtelse, och allt som AI skapar ska granskas mot kursplanen innan det används.

Ditt första projekt

Mål: Ett quiz där eleven övar multiplikationstabellerna: tio frågor, direkt rätt eller fel efter varje svar och en poängsammanfattning i slutet.

Ungefärlig tid: 20 till 30 minuter

Steg för steg

1. Öppna chatgpt.com och logga in.
2. Starta en ny chatt.
3. Klistra in startprompten nedan och skicka den.
4. Vänta tills ChatGPT har skrivit klart kodblocket.
5. Kopiera all kod i kodblocket. Det brukar finnas en kopieringsknapp i kodrutan.
6. Öppna programmet TextEdit på din Mac.
7. Skapa ett nytt dokument med Cmd+N.
8. Tryck Skift+Cmd+T så att dokumentet blir vanlig text.
9. Klistra in koden med Cmd+V.
10. Spara med Cmd+S. Döp filen till multiplikationsquiz.html och välj .html om TextEdit frågar vilken ändelse som ska användas.
11. Dubbelklicka på filen i Finder så öppnas quizet i din webbläsare.
12. Testa quizet. Skriv en följdprompt i chatten, kopiera den nya koden och ersätt innehållet i filen med den.

Om du har en betalplan: ChatGPT Sites. Enligt OpenAI:s hjälpsida öppnar du Work på webben, beskriver sidan och skriver ordet website eller @Sites, granskar förhandsvisningen och väljer sedan Deploy för att få en webbadress. Nya sajter är privata som standard. Dela via Share och välj vem som har åtkomst. Radering kan inte ångras.

Så sparas och delas resultatet med den vanliga metoden: du har en enda fil på din dator. Skicka den som bilaga, lägg den på skolans lagring eller öppna den på en skärm i klassrummet. Filen innehåller allt och behöver ingen server.

Startprompt

Klistra in hela texten. Den anger både vad sidan ska göra och hur svaret ska se ut, så att du får kod som går att spara direkt.

Skapa en komplett webbsida i en enda HTML-fil med inbyggd CSS och JavaScript. Svara med bara koden i ett kodblock, utan förklaringar före eller efter.

Sidan är ett multiplikationsquiz på svenska för elever i årskurs 3 och 4.

• Eleven väljer först vilka tabeller som ska övas, 2 till 10, med kryssrutor. Som standard är alla markerade.
• Quizet har 10 frågor i slumpmässig ordning, till exempel 6 × 7 =.
• Eleven skriver svaret i ett fält och trycker på knappen Svara eller på Enter.
• Efter varje svar visas direkt Rätt! eller Fel, rätt svar är … i tydlig text.
• En framstegsrad visar till exempel fråga 3 av 10.
• Efter sista frågan visas poängen, till exempel 8 av 10, och en knapp som heter Börja om.
• Stora knappar och stor text som fungerar på dator, surfplatta och mobil, med tillräcklig kontrast.
• Använd <meta charset="utf-8"> så att å, ä och ö visas rätt. Inga externa bibliotek, ingen inloggning och ingen data som skickas någonstans.

Följdpromptar

Be om en förändring i taget. Kopiera sedan den nya koden och ersätt innehållet i filen.

Visa tiden utan tidspress

Lägg till en text efter sista frågan som visar hur lång tid hela quizet tog. Ingen tid ska visas under frågorna och det ska inte finnas någon tidspress.

Öva på det som blev fel

Efter sista frågan ska en lista visa de frågor eleven svarade fel på, tillsammans med rätt svar. Lägg till en knapp som heter Öva på dem igen och som startar ett nytt quiz med bara de frågorna.

Välj antal frågor

Lägg till ett val före start där eleven väljer 10, 20 eller 30 frågor. Behåll resten av sidan oförändrad och skriv ut hela filen igen.

Så här kan resultatet se ut

Exempel, inte ett testat resultat. Beskrivningen visar vad du ska leta efter. Det du får kan se annorlunda ut.

En enkel sida med en rubrik, kryssrutor för tabellerna 2 till 10 och en startknapp. Under quizet visas en fråga i taget, ett svarsfält och en framstegsrad. Efter varje svar kommer en kort text som säger om svaret var rätt, och i slutet visas poängen med möjlighet att börja om.

Kontrollera räkningen. Svara fel med flit på några frågor och se att rätt svar som visas stämmer.

Vanliga problem och lösningar

Webbläsaren visar koden i stället för quizet

Filen sparades som formaterad text. Skapa ett nytt dokument i TextEdit, tryck Skift+Cmd+T innan du klistrar in koden, och spara om som .html.

TextEdit frågar om .txt eller .html

Välj .html. Annars blir filen en vanlig textfil och öppnas inte som en webbsida.

å, ä och ö visas konstigt

Skriv till ChatGPT: Lägg till meta charset utf-8 i head och skriv ut hela filen igen. Ersätt sedan innehållet i filen.

Koden är avklippt eller ofullständig

Skriv: Skriv ut hela filen igen från början till slut i ett kodblock. Ta med allt.

Filen öppnas i TextEdit i stället för webbläsaren

Högerklicka på filen i Finder, välj Öppna med och sedan Safari eller en annan webbläsare.

Jag får inte upp någon sajtfunktion

Det är väntat på Free och Go. Sites kräver enligt hjälpsidan Plus, Pro, Business eller Enterprise. Metoden med en HTML-fil fungerar utan det.

Egen övning

Ändra quizet så att det passar din undervisning.

1. Byt tabellerna mot division eller mot glosor som du själv hittar på.
2. Be ChatGPT att byta färgtema till något som passar din skola.
3. Låt någon annan testa filen och fråga vad som var svårt att förstå. Skriv en följdprompt som rättar det.

Källor

Kontrollerade 23 oktober 2026:

• OpenAI Help: ChatGPT Free Tier FAQ (öppnas i ny flik)
• OpenAI Help: ChatGPT release notes (canvas 28 maj 2026, modeller 7 oktober 2026) (öppnas i ny flik)
• OpenAI Help: Creating and using ChatGPT Sites (öppnas i ny flik)
• OpenAI Help: GPT-6 and other models in ChatGPT (öppnas i ny flik)
• Skolverket: Råd om AI, chattbottar och liknande verktyg (öppnas i ny flik)

Osäkerheter

OpenAI:s hjälpsida om canvas gick inte att läsa vid kontrollen, så canvas beskrivs bara utifrån release notes. OpenAI:s Free-sida nämner modellen GPT-5.6 Luna medan release notes nämner GPT-6 Luna för Free. Det visar hur snabbt modellnamnen ändras. Stegen med TextEdit är inte testade på din Mac-version.