Activity Directions


100 Level - No experience necessary

In this project, you’ll create a pixel art editor. As well as using HTML and CSS you’ll learn how to use JavaScript to add interactivity to your project.

Learning Objectives

Introduction to using JavaScript to create interactive web pages;

Also introduces the use of table layout.


“Resize your grid” - adding more rows and cells to a table;

“Make all pixels clickable” - add onclick code to all pixels;

“Add more colors to the palette” - add more color to the palette and have them change the pen color when clicked.

Enter Your Submission

Past Submissions

Got it!

Here's what happens next:

An Assessor Will:
  • Review your submission
  • Provide feedback within 2-3 days
  • Accept your submission or ask you to make changes