Lab 21 Reflection

Lab 21 was tied in with making an HTML canvas the client could draw on. In the HTML, the main thing we expected to do was to set up the <canvas> labels and indicate a tallness and width property. In the JS, we made the canvas work by first by determining how we needed the lines attracted to resemble. This included ctx, or the JS approach to allude to the line, and determining properties like ctx.lineCap = "round". At that point, we made a variable, isDrawing, and set it equivalent to bogus. A capacity called draw was made and was to be considered when the client clicked down on the mouse and drew, taking in the parameter e for the occasion and setting the variable isDrawing to genuine, a key advance in enabling the client to draw on the canvas. At long last, utilizing .addEventListener(), an occasion audience was added to the canvas itself and would be terminated at whatever point the client clicked down on the mouse and called the capacity draw(e) to enable the client to draw on the canvas. In code, it would appear that canvas.addEventListener('mousemove', draw); .
These abilities are critical to a website specialist since they help program a site's intelligence effectively. Normally, we would put onClicks in the HTML to shoot certain JS capacities when a specific component was clicked, be that as it may, continually putting onClicks can be repetitive and decreases the occasions after which capacity can shoot to just snaps. Utilizing .addEventListener is somewhat less dull and expands the kinds of occasions, for example, mousemove. It grows the manners in which you can make a site intuitive all while making it effective to do as such.