Art 114: Interactive Media and Design

Spring 2025 | Harrisburg Area Community College

Instructor: Rich Hauck, MPS

Exercise 1

Hello World

Design and implement a webpage where clicking a button changes the content of the page. Maybe you'll change the background of the page, trigger an animated message, or set a dark/light mode toggle. The choice is yours.

This will help you understand will help you understand how JavaScript can manipulate the DOM (Document Object Model) to create interactive experiences. Include a comment in JavaScript explaining what your script does.

Hints

Use document.querySelector() or document.getElementById() to select elements. Use the .innerHTML or .textContent property to update the text of an element. For animations, consider using CSS transitions or JavaScript methods like setTimeout.