4Geeks Coding Projects tutorials and exercises for people learning to code or improving their coding skills
Difficulty
beginnerRepository
Click to openVideo
Click to openLive demo
Not available
Average duration
4 hrs
Technologies
Disneyland for procrastinators and lazy people.
This project is ideal for avoiding someone annoying, it takes no more than 20 lines of code, and it can save you for the rest of your life!
We wanted a project that uses very little JavaScript but still with a very fun application. The excuse generator takes 20 lines of code, is super simple to understand and is the perfect first project for any beginner developer.
Please create a small website that generates an excuse each time a button is pressed, it has to look like this: Checkout the demo animation.
How can we generate an excuse? How are sentences built?
The idea is to generate each part of the sentence randomly to come up with great excuses!
Do not clone this repository because we are going to be using a different template.
We recommend opening the vanillajs-hello
template using a provisioning tool like Codespaces (recommended) or Gitpod. Alternatively, you can clone it on your local computer using the git clone
command.
This is the repository you need to open or clone:
1https://github.com/4GeeksAcademy/vanillajs-hello
👉 Please follow these steps on how to start a coding project.
1 <p id="excuse">My dog ate my homework</p>
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'];
onload
and set the excuse into the innerHTML
of the #excuse
HTML element.HTML, CSS3, JavaScript, Webpack.
This exercise covers the following fundamentals:
This and many other projects are built by students as part of the 4Geeks Academy Coding Bootcamp by Alejandro Sanchez and many other contributors. Find out more about our Full Stack Developer Course, and Data Science Bootcamp.
4Geeks Coding Projects tutorials and exercises for people learning to code or improving their coding skills
Difficulty
beginnerRepository
Click to openVideo
Click to openLive demo
Not available
Average duration
4 hrs
Technologies