Level 1 Projects

Complete one of the projects below, or a similar project before starting the level 2 projects.

Similar to Mad Libs: Unit Converter
Similar to Card Maker: Meme Maker
Similar to Card Maker: Color Picker link icon
Similar to Card Maker: Guess the Color
Similar to Photo Editor: Quilt Designer

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


For laying out your page, refer to this illustration.

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

To form a color, use the RGB function, which takes three values, each between 0 and 255. Example:
background-color: rgb(0, 128, 255);

For picking a random color, watch the random number video.

Last topic Next topic