I need this written in javascript for my client serve computing class and also need a description of all functionalities in the code. Heres a reference link we can use to look at to help https://billmill.org/static/canvastutorial/index.html

Create an instance of the element so that we can start to . draw on it. Draw a circle . Add some color using the .fillStyle property . Add action to the ball to make it move around the canvas using the arrow keys, rebounding off the walls Add a paddle for the ball to bounce in different directions. low the mouse to control the paddle if the pointer is within the boundary of the canvas. The middle of the paddle should be directly above the mouse pointer. Place some bricks on the top side of the canvas using 2-dimensional array Add multiple colors to give a rainbow effect. Make sure to remove the bricks when they have been hit. Add a counter to display the number of removed bricks Add a timer to compare the shortest wining time. Pop up a congratulations message with silver badge if the player hits 80% of the bricks, Gold badge when the player hits 90%. Add an additional shield on the bottom right corner to his points when he hits 95% of the bricks