This is a small activity for FE1 students to help reinforce event bubbling and delegation.
Clone this repository down and run locally with open index.html
.
Before jumping in to work, get a feel for the code base. Get the project up and running, explore what it does in the browser. Skim through the code so you have a feel for how the currently functionality has been achieved.
With your partner, whiteboard/journal out a plan for how you will apprach the tasks before writing ANY code for that given task.
Level 1: When a bear, muffin, or bird emoji has been clicked on, it should be removed from the DOM.
Level 2: There are currently 3 event handlers, one for each button. How could you utilize a SINGLE event handler on the parent element of the button? This will likely require making a handler
function!
Level 3: Bears are known for being stubborn. Modify the functionality so that only birds and muffins can be removed. When a bear is clicked on, the user should see "GRRRR" appear under the specific bear that was clicked on.