Tutoriales y ejercicios de 4Geeks Coding Projects para personas que están aprendiendo a codificar o mejorando sus habilidades de codificación
Dificultad
easyRepositorio
Clic para abrirVideo
Clic para abrirDemo en vivo
No disponible
Duración promedio
8 hrs
Tecnologías
Este es un buen juego para practicar HTML, CSS y un poco de Javascript. El objetivo de este juego es reventar todos los globos haciendo clic en ellos.
Este proyecto viene con los archivos necesarios para empezar a trabajar, pero tienes dos opciones para empezar:
a) Abrir este enlace con Gitpod en tu navegador: https://gitpod.io#https://github.com/breatheco-de/exercise-pop-baloons-javascript.git
b) Clonar este repositorio localmente en tu computador:
1$ git clone https://github.com/breatheco-de/exercise-pop-baloons-javascript.git
Ejecuta el sitio web con el siguiente comando en tu terminal: $ npx http-server --yes -c-1
💡 Importante: Recuerda actualizar el remote
del proyecto con el de tu repositorio usando git remote set-url origin <your new url>
, y luego guardar tu código en tu nuevo repositorio usando add
, commit
y push
.
Crea un juego con el siguiente flujo de trabajo:
window.onload
) tienes que mostrar (render) todos los globos.null
.<div class="balloon active"></div>
<div class="balloon popped"></div>
<div class="balloon active"></div>
<div class="balloon active"></div>
Agrega el string al innterHTML del elemento <div id =" balloon-map ">
usando document.querySelector.
Actualiza tu función que muestra (render) los globos para agregar también un onClick en cada div de globo para escuchar el clic.
Cuando haces clic en un globo, anda al array y cambia el valor del color a null
.
Tutoriales y ejercicios de 4Geeks Coding Projects para personas que están aprendiendo a codificar o mejorando sus habilidades de codificación
Dificultad
easyRepositorio
Clic para abrirVideo
Clic para abrirDemo en vivo
No disponible
Duración promedio
8 hrs
Tecnologías