Week 3 of 4 · JavaScript

Responsive and JavaScript

Weekly goal: A responsive site with a working interactive quiz.

Friday unlocks your badge: Quiz Master

MonDay 11

Responsive and final polish

Today's win: Your site looks good on a phone-sized window and a big screen.

You add to the site: The viewport meta tag, media queries and reduced-motion support.

You leave with: Page looks good at two widths.

⏩ Tomorrow your page learns to react.

TueDay 12

JavaScript, first steps

Today's win: You click a button and your page answers back.

You add to the site: A script at the bottom of about.html with sayHi() and a Click-me button.

You leave with: A button that reacts when clicked.

⏩ Tomorrow: build a real quiz question.

WedDay 13

Build the quiz together

Today's win: A quiz question that knows right from wrong.

You add to the site: check(answer) with if / else, wired to the three answer buttons.

You leave with: One working quiz question.

⏩ Tomorrow: no more pop-ups. The answer shows on the page.

ThuDay 14

Show results on the page

Today's win: Feedback appears right inside your quiz box.

You add to the site: The result line and textContent: the finished quiz script.

You leave with: Quiz with on-page feedback.

⏩ Tomorrow: swap laptops and play each other's quizzes.

FriDay 15

Test, debug and showcase Friday showcase

Today's win: Friends play your quiz and you fix the bugs they find.

You add to the site: Nothing new. Test, debug and polish.

You leave with: Responsive pages with a working quiz.

⏩ Next week: finish it, publish it, show the world.