Intermediate Web Literacy II | Storytelling with User Input

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

30 to 45 minutes

You will learn how to use HTML, CSS, and JavaScript to turn user input into a brand new story on a webpage while learning how to compose.

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 gather user input to complete a story.


  • 13+
  • Intermediate web users


  • An Internet-connected, projected instructor computer
  • Internet-connected computers
  • Markers
  • Paper
  • Optional: pre-made fill-in-the-blanks story templates