Please enable JavaScript to use CodeHS

  • Beginners

Catch Me

In this project, students will create a web-based game using HTML and CSS (plus a JavaScript script that is given to them). The object of the game is to click on the moving image to gain points.

Medium

3 Hours

High School

Middle School

Project Description

Background

Web-based or HTML games can be played on a variety of devices with almost any web browser. They can be designed for players to interact with the game using keyboard key presses, mouse clicks, and even touchscreens. You’ll create an online game in this project to share with others.


Your Task

In this project, you’ll create a web-based game using HTML, CSS and JavaScript. The object of the game is to click on the moving image to gain points.


You’ll create an HTML page to house the JavaScript game. Your game will include a game piece, some animation, and objects to block your game piece from the player. To complete your game, you’ll add a scoring system that keeps track of the player’s catches.

Project Demo

Explore this program before assigning it!