Level 3 Practice

Level 3 Practice

Required Projects

Similar to Count the Balls: Image Repeater
Template: Click this link, fork, and add your username to the project name: 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 Count the Balls: Coin Machine
Template: Click this link, fork, and add your username to the project name: new project
Hint: Output the coins in a while loop.
Similar to Score Analyzer: Word Counter
Template: Click this link, fork, and add your username to the project name: new project
Hint: For making a large text box, use the <textarea> tag.
Hint: Use a for...of loop to loop through the user input.
Similar to Score Analyzer: Fun with Words
Template: Click this link, fork, and add your username to the project name: new project
Hint: Use a for loop to loop through the user input, using the loop variable to get each character.
Hint: For ignoring capitalization, use the toLowerCase method.
Similar to Pixel Art: Stroop Test
Template: Click this link, fork, and add your username to the project name: 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, fork, and add your username to the project name: 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, fork, and add your username to the project name: 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, fork, and add your username to the project name: 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