- HTML
- canvas tag
- 5 to 50 width
- controller button(-, +, input number, input color)
- clear button
-
CSS
-
JavaScript
-
mouse event listener to draw
-
click event to change the width and colour
-
click event to clear the canvas
-
Challenge from Brad Traversy & Florin Pop on Udemy '50 Projects in 50 Days'
- HTML
- no container
- span instead of input:number
-
CSS
-
JavaScript
- function for creatting circle and line shape first, and apply to mouse event
- mousedown, mouseup, mousemove event listener