Inicio Práctica: Juego con HTML, CSS y JavaScript
Artículo
Cancelar

Práctica: Juego con HTML, CSS y JavaScript

Objetivo y duración

El objetivo de esta práctica es aprender a programar con JavaScript a un nivel básico.

Entrega y presentación

La entrega será en formato ZIP. Leer Entrega y presentación de prácticas.

Actividades

Realizar una de los siguientes juegos.

Quien es quien

Desarrolla un tablero de quien es quien interactivo. La idea principal es que se pueda jugar de la manera tradicional en dos ordenadores distintos.

En este enlace puedes ver el funcionamiento del juego.

Hundir la flota

Desarrolla un tablero de hundir la flota interactivo. La idea principal es que se pueda jugar de la manera tradicional en dos ordenadores distintos.

En este enlace puedes ver el funcionamiento del juego.

Buscaminas

Desarrolla el juego del buscaminas sin expansiones automáticas.

En este enlace tienes un ejemplo de juego junto a sus reglas.

Ahorcado

Desarrolla el juego del ahorcado.

En este enlace tienes un ejemplo de juego junto a sus reglas.

Wordle o la palabra del día

Desarrolla el juego de la palabra del dia con palabras relacionadas con aplicaciones web.

Reglas

Las reglas son simples: adivina la palabra oculta en 6 intentos. Cada intento debe ser una palabra valida y si la palabra no existe el juego te avisará.

Después de cada intento el color de las casillas cambia para mostrar qué tan cerca estás de acertar la palabra.

  • VERDE significa que la letra está en la palabra y en la posición CORRECTA.
  • AMARILLO significa que la letra letra está presente en la palabra pero en la posición INCORRECTA.
  • GRIS significa que la letra letra NO está presente en la palabra.

En este enlace tienes un ejemplo de juego junto a sus reglas.

Sudoku

Desarrolla el juego del sudoku y que con un botón compruebe si es correcta tu solución o no.

En este enlace tienes un ejemplo de juego junto a sus reglas.

Bingo

Desarrolla un pequeño juego del Bingo con un solo cartón.

  1. En el bombo hay 90 bolas (del 1 al 90, inclusive).
  2. El jugador tiene su propio cartón con 15 números aleatorios.
  3. Al pulsar en el bombo central, empezaremos a sacar números y comprobar si existen en los cartones.
  4. De existir, se tachan y esperamos a que el usuario vuelva a pulsar para sacar un nuevo número.
  5. En la parte inferior, iremos añadiendo los números extraídos.
  6. Cuando se tachen todos los números el juego finaliza.

Si necesitas más información, puedes ver un vídeo de como debería comportarse el juego en este enlace, aunque debes tener en cuenta que nuestra versión es con un solo cartón.

Otro juego

Si quieres hacer otro juego en HTML, CSS y JavaScript deberá ser aprobado por el profesor.

Este artículo está licenciado bajo CC BY 4.0 por el autor.

Práctica: Ejercicios de JavaScript de Victor Robles

Práctica: Introducción a Hack the Box