Level 1 Projects

Complete all of the projects below, or similar projects before starting the level 2 projects.

Similar to Mad Libs: Unit Converter
Similar to Card Maker: Meme Maker
Similar to Color Picker: Guess the Color
Similar to Color Art: Quilt Designer
Similar to Color Art: Slideshow

Step 1: Remix the template and rename the project.


For laying out your page, refer to this illustration.

To change an image in a box, use the background-image style.

To make a dropdown menu, use the select tag. Add a change event listener to the dropdown menu.

To get an absolute value, use the Math.abs method.

To hide an element, set its display style to none. To show the element, set its display style to block.

Last topic Next topic