aforward / jokesml

Let's share some jokes with friends

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Q1 Create a jokes websites

Screen Shot 2020-02-27 at 11 41 53 AM

  • 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.

Screen Shot 2020-02-27 at 11 44 29 AM

Q3 Add behaviour to your website

When the user clicks on "Show Answer", then show the answer, like below.

Screen Shot 2020-02-27 at 11 48 49 AM

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)

About

Let's share some jokes with friends


Languages

Language:JavaScript 33.4%Language:PHP 28.3%Language:CSS 25.1%Language:Hack 13.3%