Rita mönster med loopar
Skriv ut roliga former och mönster.
Rita mönster med loopar är en gratis lektion i JavaScript för barn på CoddyKit. Detta är lektion 4 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för JavaScript för barn, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript för barn innehåller totalt 4 lektioner.
Rita med loopar 🎨
Hej, mönstermålare! 🌟 Loopar kan RITA bilder med stjärnor och former!
Låt oss skapa häftiga mönster tillsammans. ⭐
for (let i = 0; i < 3; i++) {
console.log("*")
}En rad stjärnor ⭐
Låt oss skriva ut en rad stjärnor nedåt!
Varje loop lägger till en stjärna. 🌟
for (let i = 0; i < 5; i++) {
console.log("*")
}Stjärnor på rad ➖
Vi kan bygga en rad genom att LÄGGA TILL stjärnor i en ruta!
Varje loop lägger till ytterligare en * i raden. 🪄
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
}
console.log(line)Bygga ett ord 🧱
Vi lägger till stjärnor, en i taget, för att göra raden längre!
Se hur raden växer för varje varv. 📈
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "*"
console.log(line)
}En växande triangel 🔺
Om vi skriver ut raden medan den växer skapar vi en triangel!
En stjärna, två stjärnor, tre stjärnor ... 🔺
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
console.log(line)
}Hjärtan i stället för stjärnor 💖
Vi kan använda VILKEN symbol som helst! Låt oss skapa en triangel av hjärtan.
Så gulligt. 💕
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "💖"
console.log(line)
}En ruta med stjärnor 🟦
Låt oss skriva ut 3 rader som var och en har 3 stjärnor!
Det blir en liten kvadrat. ⬛
for (let i = 0; i < 3; i++) {
console.log("***")
}Räknemönster 🔢
Vi kan också skapa ett siffermönster!
Varje rad visar loopens nummer. 🪜
for (let i = 1; i <= 5; i++) {
console.log("Row " + i)
}Ett stegmönster 🪜
Lägg till ett mellanslag och en symbol varje gång för att skapa en trappa!
Uppåt klättrar vi! 🧗
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "= "
console.log(line)
}Regnbågsprickar 🌈
Låt oss skapa en färgglad rad med prickar!
Ändra talet för att göra den längre. 🔴🟠🟡
let dots = ""
for (let i = 0; i < 6; i++) {
dots = dots + "🔴"
}
console.log(dots)Ert eget mönster 🧒
Ändra symbolen och talet för att rita ERT eget mönster!
Var kreativa! 🎨
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "⭐"
console.log(line)
}Snabbtest ✅
En mönsterfråga! Ni är fantastiska! 🎨
Mönstermålare! 🏆
Underbart! 🎉 I dag lärde ni er:
- Loopar kan rita mönster
- Lägg till symboler i en ruta för att få rader att växa
- Skriv ut raden i varje loop för att skapa former som trianglar
Ni har slutfört Loop-de-Loop! Vilket mönsterproffs! ⭐
for (let i = 0; i < 1; i++) {
console.log("I can draw with loops! 🎨")
}
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 35
- Lektioner
- 140
Vanliga frågor
Är lektionen ”Rita mönster med loopar” gratis?
Ja – hela texten till ”Rita mönster med loopar” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i JavaScript för barn, kan Ni uppgradera till CoddyKit PRO. Kursen i JavaScript för barn innehåller totalt 4 lektioner.
Vad lär jag mig i ”Rita mönster med loopar”?
Skriv ut roliga former och mönster. Ni övar på JavaScript för barn med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig JavaScript för barn?
Du behöver inga förkunskaper. Utbildningen i JavaScript för barn på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 4 av 4.
Hur lång tid tar lektionen ”Rita mönster med loopar”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här JavaScript för barn-lektionen?
Ja. Varje JavaScript för barn-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Varför vi använder loopar
- Räkna med en for-loop
- Upprepa med while
- Rita mönster med loopar