Mostrar la puntuación
Imprima el total
Mostrar la puntuación es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 4 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.
¡Muestre la puntuación! 📺
¿De qué sirve una puntuación si nadie puede verla? ¡Es hora de mostrar el total de formas divertidas! 🎉
Imprimir la puntuación 🖨️
La forma más sencilla: ¡mostrar la puntuación con console.log!
let score = 7
console.log(score)Añadir una etiqueta clara 🏷️
Un número sin más resulta aburrido. ¡Añada palabras para que el jugador sepa qué significa!
let score = 7
console.log("Your score: " + score)Unir palabras y números 🔗
Use + para unir el texto y la puntuación en un solo mensaje.
let score = 7
console.log("You have " + score + " points! 🌟")Mostrar la puntuación y el nombre 👤
¡Hágalo personal! Muestre el nombre del jugador junto con la puntuación.
let name = "Sam"
let score = 12
console.log(name + " has " + score + " points!")Puntuación sobre el total ➗
Muestre cómo le va al jugador en comparación con el máximo. Por ejemplo, «8 de 10».
let score = 8
let max = 10
console.log("Score: " + score + " / " + max)Una función para mostrar la puntuación 🛠️
Cree una función auxiliar que muestre la puntuación de forma clara. ¡Úsela cuando la necesite!
function showScore(score) {
console.log("Current score: " + score + " 🎯")
}
showScore(15)Barra de puntuación con estrellas ⭐
¡Convierta la puntuación en estrellas para crear una imagen divertida! Un bucle repite la estrella.
let score = 4
let bar = ""
for (let i = 0; i < score; i++) {
bar += "⭐"
}
console.log(bar)Un mensaje de victoria 🏆
¡Muestre un mensaje especial si la puntuación es alta!
let score = 10
if (score >= 10) {
console.log("🏆 High score! You are a champion!")
}
console.log("Score: " + score)Actualizar la pantalla de puntuación 🔄
Cada vez que cambie la puntuación, vuelva a mostrarla para mantenerla actualizada.
let score = 0
score += 5
console.log("Score: " + score)
score += 3
console.log("Score: " + score)¡El marcador brilla! ✅
Ahora puede mostrar la puntuación con etiquetas, nombres, estrellas y felicitaciones. ¡Su marcador está completo! 🎉
let name = "Lee"
let score = 9
console.log("🎮 " + name + ": " + score + " points!")Comprobación rápida ❓
¡El último desafío mental! 🧠
¡As de la visualización! 🏆
¡Ha terminado Simple Score Keeper! Repaso:
- 🖨️ Imprimir la puntuación
- 🏷️ Añadir etiquetas claras
- ⭐ Mostrar estrellas con un bucle
- 🏆 Celebrar las puntuaciones altas
¡Ha creado un marcador completo! ¡Increíble! 🌟
Preguntas frecuentes
¿La lección «Mostrar la puntuación» es gratis?
Sí — el texto completo de «Mostrar la puntuación» 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 «Mostrar la puntuación»?
Imprima el total 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 4 de 4.
¿Cuánto tiempo toma la lección «Mostrar la puntuación»?
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
- Empezar desde cero
- Añadir puntos
- Perder puntos
- Mostrar la puntuación