- A joke has a question (Why did the chicken cross the road)
- It has an answer (To get to the ohter side)
- We also want a button to "Show Answer"
Update your project, mostly through CSS styles and classes to make it look like the screenshot below.
When the user clicks on "Show Answer", then show the answer, like below.
If the users clicks again, the answer should disappear.
Up until now, the code has been written directly into the HTML, let's split it out into separarte files (CSS into styles.css
and JavaScript into events.js
)