Cara o cruz
Lanzamiento aleatorio de moneda
Cara o cruz es una lección gratuita de Javascript for Kids en CoddyKit. Esta es la lección 1 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.
¡Le damos la bienvenida a Coin Flip! 🪙
¡Hola, programador! 👋 Hoy va a crear un Coin Flip Game 🪙
Cuando lanza una moneda real, cae por la cara o la cruz. Nunca sabemos cuál saldrá. ¡Eso es lo divertido! 🎉
¡Enseñémosle también al ordenador a lanzar una moneda!
¿Qué significa aleatorio? 🎲
El lanzamiento de una moneda es aleatorio. Aleatorio significa que no podemos predecir la respuesta con certeza. 🤷
JavaScript tiene una herramienta especial llamada Math.random(). Nos proporciona un número inesperado entre 0 y 1. 🎲
¡Veamos qué valor nos proporciona!
console.log(Math.random());
console.log(Math.random());
console.log(Math.random());Números diminutos 🔢
¿Vio esos números? Eran diminutos y tenían muchos decimales, como 0.3829. 😮
Cada vez que lo ejecuta, obtiene un número diferente. ¡El ordenador está lanzando un dado invisible por nosotros! 🎲
let surprise = Math.random();
console.log('My surprise number is: ' + surprise);¿Menor que la mitad? ✂️
Una moneda tiene 2 caras. ¡Por eso tenemos que dividir nuestro número en 2 grupos! ✂️
El punto medio entre 0 y 1 es 0.5 (la mitad). Podemos preguntar: ¿nuestro número es menor que 0.5? 🤔
let number = Math.random();
console.log('Number: ' + number);
console.log('Is it less than 0.5? ' + (number < 0.5));¡Momento de cara o cruz! 🎯
¡Ahora viene la magia! Si el número es menor que 0.5, decimos cara. Si no, ¡decimos cruz! 🎯
Usamos if y else para tomar la decisión.
let number = Math.random();
if (number < 0.5) {
console.log('Heads! 🙂');
} else {
console.log('Tails! 🪙');
}¡Ejecútelo de nuevo! 🔁
¡Intente hacer clic en Ejecutar varias veces! 🔁
A veces obtiene cara y a veces cruz. ¡Igual que con una moneda real! 🪙
El ordenador nos sorprende cada vez. 😄
let number = Math.random();
if (number < 0.5) {
console.log('Heads! 🙂');
} else {
console.log('Tails! 🪙');
}Guardar el resultado 📦
Guardemos la respuesta en una caja llamada variable. 📦
La llamamos result y dentro guardamos 'Cara' o 'Cruz'.
let number = Math.random();
let result;
if (number < 0.5) {
result = 'Heads';
} else {
result = 'Tails';
}
console.log('The coin shows: ' + result);Una función para lanzar la moneda 🛠️
En nuestro juego lanzaremos la moneda muchas veces. ¡Así que creemos una función que podamos reutilizar! 🛠️
Una función es como una pequeña máquina. Llamamos a flipCoin() y ¡nos devuelve un resultado! 🤖
function flipCoin() {
if (Math.random() < 0.5) {
return 'Heads';
} else {
return 'Tails';
}
}
console.log(flipCoin());Usar la máquina 🤖
Ahora que tenemos nuestra máquina de lanzar monedas, ¡podemos usarla una y otra vez! 🤖
Observe cómo llamamos a flipCoin() tres veces seguidas. 🪙🪙🪙
function flipCoin() {
if (Math.random() < 0.5) {
return 'Heads';
} else {
return 'Tails';
}
}
console.log('Flip 1: ' + flipCoin());
console.log('Flip 2: ' + flipCoin());
console.log('Flip 3: ' + flipCoin());Hagámoslo más divertido ✨
¡Añadamos emojis divertidos para mostrar la cara de la moneda! ✨
Añadimos un mensaje alegre para que nuestro juego sea más emocionante. 🎉
function flipCoin() {
if (Math.random() < 0.5) {
return 'Heads 🙂';
} else {
return 'Tails 🪙';
}
}
console.log('Flipping the coin... 🌀');
console.log('It landed on: ' + flipCoin());¡Ha creado una moneda! 🏆
¡Trabajo increíble! 🏆 ¡Ha enseñado al ordenador a lanzar una moneda usando Math.random()!
- 🎲 Lo aleatorio proporciona un número inesperado
- ✂️ Lo dividimos en 0.5
- 🪙 Menor que 0.5 = cara; de lo contrario, cruz
A continuación, ¡permitiremos que un jugador adivine el resultado de la moneda! 🤔
Comprobación rápida ✅
¡Pongamos a prueba su ingenio! 🧠 ¿Qué nos proporciona Math.random()?
Resumen de la lección 🎀
¡Excelente trabajo hoy! 🎀 Esto es lo que ha aprendido:
- 🎲
Math.random()genera un número aleatorio - ✂️ Lo comparamos con 0.5
- 🪙 Elegimos cara o cruz con
if/else - 🛠️ Una función
flipCoin()nos permite reutilizar el código
¡Nos vemos en la próxima lección, experto en monedas! 👋
Preguntas frecuentes
¿La lección «Cara o cruz» es gratis?
Sí — el texto completo de «Cara o cruz» 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 «Cara o cruz»?
Lanzamiento aleatorio de moneda 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 1 de 4.
¿Cuánto tiempo toma la lección «Cara o cruz»?
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.