Generador de Excusas en Javascript

Disneylandia para procrastinadores y perezosos.

Este proyecto es ideal para evitar alguien molestoso. No toma más de 20 líneas de código y puede salvarte por el resto de tu vida.

Objetivo

Queríamos un proyecto que usara muy poco JavaScript, pero que tuviese una aplicación muy divertida, el generador de excusas toma 20 líneas de código, es super simple de entender y es el primer proyecto perfecto para cualquier desarrollador principiante.

📝 Instrucciones:

Por favor, crea un pequeño sitio web que genere una excusa cada vez que se presione un botón, debe verse así: Vea la animación de demostración.

Discute con tus compañeros de clase la estrategia primero

¿Cómo podemos generar una excusa? ¿Cómo se construyen las oraciones?

¡La idea es generar cada parte de la oración al azar para encontrar grandes excusas!

🌱 Cómo comenzar este proyecto

No clones este repositorio porque vamos a usar una plantilla diferente.

Recomendamos abrir el repositorio vanillajs-hello utilizando un entorno de desarrollo como Codespaces (recomendado) o Gitpod. Alternativamente, puedes clonarlo en tu computadora local usando el comando git clone.

Este es el repositorio que necesitas abrir o clonar:

1https://github.com/4GeeksAcademy/vanillajs-hello

👉 Por favor sigue estos pasos sobre cómo comenzar un proyecto de programación..

💡 Pistas:

1. En el archivo index.html inventa una excusa nueva, sin JS, solo una excusa en HTML puro y simple.
2. La excusa debe estar dentro de una etiqueta HTML que tenga un ID asignado, por ejemplo:

1  <p id="excuse">My dog eat my homework</p>

1. Usando JavaScript, crea una función que genere y devuelva una excusa aleatoria con la siguiente estructura:

1let who = ['The dog', 'My grandma', 'His turtle', 'My bird'];
2let action = ['ate', 'peed', 'crushed', 'broke'];
3let what = ['my homework', 'the keys', 'the car'];
4let when = ['before the class', 'right on time', 'when I finished', 'during my lunch', 'while I was praying'];

1. Para crear una excusa consistente, tienes que concatenar un elemento de cada array o arreglo en el orden correcto.
2. Usa la función onload y establece la excusa en el innerHTML del elemento HTML #excuse.

Tecnologías

HTML, CSS3, JavaScript, Webpack.

Fundamentos

Este ejercicio cubre los siguientes fundamentos:

1. Utilizar archivos JavaScript externos en tu proyecto.
2. Cómo trabajar con arreglos/listas (Arrays).
3. Generar números al azar.
4. Concatenar strings (cadenas).
5. Utilizar funciones (al menos un poco).
6. Trabajar con eventos (al menos un poco).

Este y otros proyectos son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Cursos de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.