When the circle button is clicked, the user should be able to draw a circle on top of the canvas. The size of the circle depends on how long the user clicks and drags the mouse. Only html and javascript can be used. No jquery!

1- Create two files, HTML S file which will inclucofile, and a picture file that will display the same autput as the attached file. 2 All the rules for Project 1, project 2, and project 3 will be apply for all the projects! 3- Upload your two files as project4html.txt and pic.png. Missing that reduces your grade by 5-points. 4 Use Canvas and JavaScript to display the same output as you see in the attached output file. There are three buttons. Missing that reduc your grade by S points. S A. When the user dick on the first button "Draw and mave the mouse over the picture; the user can draw a shape as in the attached tile Missing that reduces your grade by 5-points. b. When the user click on the second button le and move the mouse over the picture;the user can draw a circle. Missing that reduces your grade by 5-points. c. When the user clink on the third button "Signature"; the user can write his name in the input text box Missing that reduces your grade by S points