0Pricing
Javascript for Kids · Lektion

Zeilen und Spalten

Erstellen Sie ein Raster

Zeilen und Spalten ist eine kostenlose Javascript for Kids-Lektion auf CoddyKit. Dies ist Lektion 2 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Javascript for Kids-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Javascript for Kids-Kurs umfasst insgesamt 4 Lektionen.

Ein Raster erstellen! 🟦🟦

Ein Raster ist wie ein Schachbrett oder ein Fenster mit kleinen Quadraten! Es hat Zeilen (waagerecht) und Spalten (senkrecht). ⬜⬜⬜

Verschachtelte Schleifen eignen sich PERFEKT zum Zeichnen von Rastern!

Eine Zeile erstellen 📏

Um EINE Reihe von Sternen zu erstellen, können wir Sterne mit + in einem String aneinanderhängen.

Lassen Sie uns den Text für eine Zeile Schritt für Schritt erstellen!

let row = ''
for (let col = 1; col <= 4; col++) {
  row = row + '*'
}
console.log(row)

Was ist passiert? 🔍

Wir haben mit einem LEEREN Wort '' begonnen. Jede Schleife fügte ein * hinzu. So wuchs es: *, **, ***, ****!

Dann haben wir die fertige Zeile ausgegeben. Praktisch! ✨

let row = ''
for (let col = 1; col <= 3; col++) {
  row = row + '*'
  console.log(row)
}

Viele Zeilen 📚

Packen Sie das jetzt in eine äußere Schleife, um viele Zeilen zu erstellen! Außen = Zeilen, innen = Spalten.

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '*'
  }
  console.log(row)
}

Ein 4-mal-4-Quadrat 🟦

Lassen Sie uns ein perfektes Quadrat erstellen! 4 Zeilen und 4 Spalten aus Sternen.

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '*'
  }
  console.log(row)
}

Emojis verwenden! 🎨

Warum langweilige Sterne verwenden? Lassen Sie uns ein Raster aus Herzen erstellen! 💖

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 3; c++) {
    row = row + '💖'
  }
  console.log(row)
}

Ein breites Rechteck ▭

Zeilen und Spalten müssen nicht gleich viele sein! Lassen Sie uns ein breites Rechteck mit 2 Zeilen und 6 Spalten erstellen.

for (let r = 1; r <= 2; r++) {
  let row = ''
  for (let c = 1; c <= 6; c++) {
    row = row + '🟩'
  }
  console.log(row)
}

Zahlenraster 🔢

Statt Sternen füllen wir das Raster mit der Spaltennummer!

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + c
  }
  console.log(row)
}

Hohes Raster 🏢

Lassen Sie uns einen hohen Turm erstellen! 6 Zeilen und 2 Spalten aus Blöcken. 🧱

for (let r = 1; r <= 6; r++) {
  let row = ''
  for (let c = 1; c <= 2; c++) {
    row = row + '🧱'
  }
  console.log(row)
}

Leerzeichen hinzufügen 🔲

Setzen Sie ein Leerzeichen zwischen die Symbole, damit sie weiter auseinanderstehen! Verwenden Sie '* ' mit einem Leerzeichen.

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '* '
  }
  console.log(row)
}

Jetzt sind Sie mit dem Erstellen dran 🌟

Ändern Sie die Herzen in Sterne 🌟 oder ändern Sie die Größe! Bearbeiten Sie den Code und führen Sie ihn aus, um IHR Raster zu erstellen.

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= 5; c++) {
    row = row + '🌟'
  }
  console.log(row)
}

Schnelltest ✅

Denken Sie kurz über Raster nach! 🧠

Rückblick auf Zeilen und Spalten 🎉

Wunderschöne Raster! 🟦 Sie haben gelernt, wie man sie erstellt.

  • Äußere Schleife = Zeilen
  • Innere Schleife = Spalten
  • Erstellen Sie mit row = row + symbol einen Zeilentext und geben Sie ihn anschließend aus

Als Nächstes: wachsende Sternendreiecke! 🔺

Häufig gestellte Fragen

Ist die Lektion „Zeilen und Spalten“ kostenlos?

Ja — der vollständige Text von „Zeilen und Spalten“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Javascript for Kids-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Javascript for Kids-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Zeilen und Spalten“?

Erstellen Sie ein Raster Du übst Javascript for Kids mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um Javascript for Kids zu starten?

Keine Vorkenntnisse erforderlich. Javascript for Kids auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 2 von 4.

Wie lange dauert die Lektion „Zeilen und Spalten“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser Javascript for Kids-Lektion Code schreiben und ausführen?

Ja. Jede Javascript for Kids-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

  1. Eine Schleife in einer Schleife
  2. Zeilen und Spalten
  3. Stern-Dreiecke
  4. Eine Einmaleins-Tabelle
← Zurück zu Javascript for Kids