aforward / jokesml

Let's share some jokes with friends

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)