Intermediate Web Literacy II | Storytelling with Color

Made by Mozilla, released under the CC-BY-SA license

45-60 minutes

Learn how HTML, CSS, and JavaScript connect to one another by using buttons and scripts to inspire storytelling in response to different colors.

Remix this lesson in Thimble!

Web Literacy Skills

21st Century Skills

Learning Objectives

  • Understand how CSS stylesheets and JavaScript code connect to an HTML webpage.
  • Code a button and script that work together to change the background color of a webpage.


  • 13+
  • Intermediate web users


  • An Internet-connected, projected instructor computer
  • Internet-connected computers
  • Markers
  • Paper
  • Construction paper of several different colors.
  • Sticky notes