Intermediate Web Literacy II | Storytelling with Scripts | 1. Buttons and Alerts

Made by Mozilla

45 to 60 minutes

Learn how to code, compose, remix, and revise by connecting HTML, CSS, and JavaScript by using buttons and scripts to tell a story.

Activity 1 of 8

Write the Web

21st Century Skills

Communication Creativity

Web Literacy Skills

Code Compose Remix Revise

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 inside a pop-up alert window.


  • 13+
  • Intermediate web users


  • An Internet-connected, projected instructor computer
  • Internect-connected computers
  • Markers
  • Paper