Intermediate Web Literacy II | Simple Story Generator

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

45 to 60 minutes

Learn how to use arrays and the document method to generate random stories and add them to a webpage while you learn how to code, compose, remix, and revise.

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 a story with several randomly generated elements.


  • 13+
  • Intermediate web users


  • An Internet-connected, projected instructor computer
  • Internet-connected computers
  • Markers
  • Paper
  • Scissors
  • Four small buckets, baskets, boxes, or containers per each group of four learners