Fun Bus wants you to make their site more interactive. They are relying on you to provide 10 unique events to enhance their site. Explore the many events available to you by using the MDN events reference.
Follow these steps to set up and work on your project:
- Create a forked copy of this project.
- Clone your OWN version of the repository (Not Gabi's by mistake!).
- Create a new branch: git checkout -b
<firstName-lastName>
. - Implement the project on your newly created
<firstName-lastName>
branch, committing changes regularly. - Push commits: git push origin
<firstName-lastName>
.
- Using your index.js file, create event listeners of at least 10 different types. You must Use your creativity to make the Fun Bus site more interactive. For example you could change colors, animate objects, remove objects, etc. Here are some event types you could try to use:
mouseover
keydown
wheel
load
focus
resize
scroll
select
dblclick
drag / drop
Note: Drag and drop is a bit more advanced than the others: it's not actually a single type of event but several types that need to work together.
- Nest two similar events somewhere in the site and prevent the event propagation properly. Remember not all event types bubble.
- Stop the navigation items from refreshing the page by using
preventDefault()
- Go look at GSAP and implement the animations found in that library with your custom events.
Follow these steps for completing your project.
- Submit a Pull-Request to merge
<firstName-lastName>
Branch intomain
(student's Repo). Please don't merge your own pull request