Intermediate Web Literacy II | Storytelling with Interactive Fiction

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

45 to 60 minutes

You will learn how HTML, CSS, and JavaScript connect to one another by creating an interactive story that responds to user input while learning to synthesize, code, compose, and remix.

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 tell an interactive story that responds to user input.


  • 13+
  • Intermediate web users


  • An Internet-connected, projected instructor computer
  • Internet-connected computers
  • Markers
  • Paper cups or paper
  • Scissors