Level 3 Projects

Required Projects

Similar to Count the Balls: Image Repeater
Template: Click this link, and share with mrcodeswildride: new project
Hint: Create an img element in a loop.
Hint: Use the loop variable to determine the width style of each image.
Similar to Score Analyzer: Word Counter
Template: Click this link, and share with mrcodeswildride: new project
Hint: For making a large text box, use the <textarea> tag.
Hint: A string is like an array of characters, meaning you can loop through it one character at a time.
Similar to Score Analyzer: Fun with Words
Template: Click this link, and share with mrcodeswildride: new project
Hint: For looping through a string, you can use a standard for loop, and use the loop variable to get one character at a time.
Hint: For ignoring capitalization, use the toLowerCase method.
Similar to Pixel Art: Stroop Test
Template: Click this link, and share with mrcodeswildride: new project
Hint: For picking a random color, pick a random item from an array.
Hint: Put the colors on the buttons in lowercase, because CSS uses lowercase for color names.
Similar to Multiplication Table: Shape Maker
Template: Click this link, and share with mrcodeswildride: new project
Hint: For the triangles, start with your code for the square, and change the initialization and iteration parts of the inner for loop.

Optional Projects

Similar to Count the Balls: Color Spectrum
Template: Click this link, and share with mrcodeswildride: new project
Hint: For each spectrum, create 256 div elements using a loop.
Hint: For showing the rgb of each div in a spectrum, use mouseover and mouseout event listeners.
Similar to Pixel Art: Virtual Piano
Template: Click this link, and share with mrcodeswildride: new project
Hint: For playing sounds, refer to the audio help page.
Hint: For playing back the recorded notes, use a loop with a timeout to avoid playing all of the notes at the same time.
Last section Next section