Intermediate Web Literacy II | 3. Storytelling with Scripts | Simple Story Generator

Made by Mozilla

45 to 60 minutes

Learn how to use arrays and the document method to generate random stories and add them to a webpage.

Activity 3 of 8

Write the Web

21st Century Skills

Communication Creativity

Web Literacy Skills

Code Compose Contribute Remix Revise Share

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