Triángulos de estrellas
Haga crecer figuras
Triángulos de estrellas es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 3 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Javascript for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Javascript for Kids incluye 4 lecciones en total.
¡Formas que crecen! 🔺
¿Qué ocurriría si cada fila tuviera MÁS estrellas que la anterior? ¡Obtendría un triángulo! 🔺
Fila 1: *
Fila 2: **
Fila 3: ***
¡Hagamos formas que CRECEN! 🌱
El truco secreto 🪄
La magia está en que el bucle interior se ejecuta tantas veces como indica el contador EXTERIOR.
¡Por eso, cuando crece el número de la fila, también crece el número de estrellas!
for (let r = 1; r <= 4; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '*'
}
console.log(row)
}Observe cómo crece 🌱
¡Fíjese en c <= r! El bucle interior se detiene en el número de la fila. La fila 1 tiene 1 estrella, la fila 2 tiene 2 estrellas, y así sucesivamente.
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '⭐'
}
console.log(row)
}Un triángulo más grande 🔺
¿Quiere un triángulo más alto? ¡Solo tiene que hacer que el bucle exterior se ejecute más veces!
for (let r = 1; r <= 6; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '*'
}
console.log(row)
}Triángulo que se encoge 🔻
¡Inviértalo! Comience el bucle exterior con un número grande y cuente HACIA ABAJO para crear un triángulo que se encoge.
for (let r = 4; r >= 1; r--) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '*'
}
console.log(row)
}Triángulo de corazones 💖
¡Use el símbolo que quiera! Hagamos crecer un triángulo de corazones.
for (let r = 1; r <= 5; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '💖'
}
console.log(row)
}Triángulo de números 🔢
¡Rellene cada fila con el número de la fila! Una pirámide de números. 🔢
for (let r = 1; r <= 5; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + r
}
console.log(row)
}Triángulo de conteo 🧮
¡Rellene cada fila contando hacia arriba! La fila 3 muestra 1 2 3.
for (let r = 1; r <= 4; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + c
}
console.log(row)
}Árbol de Navidad 🎄
¡Un triángulo de árboles parece un bosque que crece! 🌲
for (let r = 1; r <= 5; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '🌲'
}
console.log(row)
}Triángulo espaciado ✨
¡Añada un espacio después de cada estrella para crear un triángulo más separado!
for (let r = 1; r <= 5; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '* '
}
console.log(row)
}Ahora le toca hacer crecer una forma 🌟
Cambie el símbolo por un cohete 🚀 o haga que tenga 7 filas. Edite el código y ejecútelo.
for (let r = 1; r <= 5; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '🚀'
}
console.log(row)
}Comprobación rápida ✅
¡Compruebe sus conocimientos sobre triángulos! 🧠
Repaso del triángulo de estrellas 🎉
¡Sus formas están creciendo! 🔺 Ha aprendido el truco de los triángulos.
- El bucle interior se ejecuta con
c <= rpara crecer con cada fila - Cuente HACIA ARRIBA en el bucle exterior para crear un triángulo creciente
- Cuente HACIA ABAJO en el bucle exterior para crear uno que se encoge
Siguiente: ¡imprimir una tabla de multiplicar real! ✖️
Preguntas frecuentes
¿La lección «Triángulos de estrellas» es gratis?
Sí — el texto completo de «Triángulos de estrellas» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Javascript for Kids, actualiza a CoddyKit PRO. El curso de Javascript for Kids incluye 4 lecciones en total.
¿Qué aprenderé en «Triángulos de estrellas»?
Haga crecer figuras Practicas Javascript for Kids con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Javascript for Kids?
No se requiere experiencia previa. Javascript for Kids en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 4.
¿Cuánto tiempo toma la lección «Triángulos de estrellas»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Javascript for Kids?
Sí. Cada lección de Javascript for Kids incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Un bucle dentro de otro
- Filas y columnas
- Triángulos de estrellas
- Una tabla de multiplicar