Algoritmisk Tenkning

Et interaktivt arbeidsdokument som støtter prosessen fra problemstilling til koding. Følg stegene nedenfor for å bygge opp en fullverdig forståelse av problemet. Hva du forstår kan du kode!

1. Problemstilling

Formuler problemet du skal løse med én enkel setning for deg selv.

2. Idémyldring og Oppdeling

Bruk tankekartet til å samle ideer og bryte ned problemet i mindre, håndterbare deler.

Tankekart Editor
80%

3. Informasjon og Variabler

Hvilken informasjon behandles i problemet? Hva skal du kalle denne informasjonen (variabelnavn), og hvilken datatype skal brukes?

Hvilken informasjon behandles?VariabelnavnDatatypeHandling

4. Hendelsesforløp

Lag en rekkefølge på hva som skal skje fra start til slutt.

typisk: statisk HTML/CSS → Brukerinput → Algoritme → Resultater

1.
2.
3.

5. Koble Hendelser til Kode

For hver hendelse definert i avsnitt 4, legg til programmeringskoden du vet at du vil trenge for å utføre oppgaven.

Hendelse (Fra Avsnitt 4)Kode for hendelsen
1. Åpne nettsiden
2. Trykk på knappen
3. Viser et tilfeldig emoji fra arrayen

6. Modellering av Algoritmen

Bruk Nassi-Shneiderman diagrammet for å modellere selve algoritmen visuelt.

Husk at du kan velge detaljnivå: Bruk alt mellom hverdagsspråk og JavaScript syntaks.

Editor
NS-Diagram
let emojiListe = ["...", "...", "..."];
let emojiEn = $state(""); // 3x
let tilfeldigTall1 = $state(0); // 3x
let poeng = $state(0);
let i = 0; i < 3; i++
tilfeldigTall1 = Math.floor(Math.random()...) // 3x
emojiEn = emojiListe[tilfeldigTall1]; // 3x
emojiEn == emojiTo && ...
True False
poeng++
// ingenting
vise emojiEn i html med @html // 3x
vise antall poeng i html

7. Utviklingssteg

Hvilke steg tar du for å utvikle løsningen? Hva kan du teste for hvert steg? Hvert steg bør være så lite som mulig!

UtviklingsstegHva kan testes med dette?Handling
1.
2.
3.
4.
5.