Q1 Create a jokes websites
- 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"
Q2 Style your jokes websites
Update your project, mostly through CSS styles and classes to make it look like the screenshot below.
Q3 Add behaviour to your website
When the user clicks on "Show Answer", then show the answer, like below.
If the users clicks again, the answer should disappear.
Q4 Move CSS and JavaScript into a separate file
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
)