Events ExerciseExercise Step $1$Show the Javascript Resources$1.$Link your JavaScript file$\mathrm{.}2.$Select the $$div$$ with the class $$javascript$-$resources$$and the $$button$$with the id of $$show$-$resources$\mathrm{.}3.$Add an event listener on the button that will listento the $$click$$ event$\mathrm{.}4.$In the event handler from the last step remove the class $$d$-$none$$ from the $$div$$ with the class $$javascript$-$resources$$ that you selected in the first step.The result should looklike the followingimage.Note: If you refresh the page the resources should be hidden again.Exercise Step $2$Add font boldness on the linkswhen you hover over an item$\mathrm{.}1.$Add an event listener on element selected in the previous step that will listen to the mouseover event. Ensure that you$$re passing in the event object to the event handler function$\mathrm{.}2.$Use console.log to print out the $$event$.$target$$ to see the link list item elements are the event.target returned$3.$On the event.target use the method $$classList$.$add$$ to add the class named$$fw$-$bold$.$a$.$When you only hover over thethe first link item you should see something like this.