Level 1 Projects

Complete some 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: From the Cloud9 dashboard: Create a new workspace
Fill in the following text boxes on the form:
→ Workspace name: your-workspace-name
→ Clone from Git or Mercurial URL: https://github.com/studentmrcode/template.git Copy
Click Create workspace button
Open index.html and click Run

Hints

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 hide an element, set its display style to none. To show the element, set its display style to block.

Last topic Next topic