Lab 40 Reflection

    This lab will be demonstrating a click and drag characteristic on a website. Within this website, you can drag a bunch of numbered tabs to the left or right to navigate through them. To create the functionality on this website, I first created a bunch of div gadgets inside the HTML document, precisely 25 of them. I introduced CSS to make the number presentations look clean to look on any heritage they were on, which have been also introduced in the CSS. The JavaScript has the clicking and drag feature, and does this through logging an occasion 'mousedown' which will permit you to click on and drag the numbers throughout the screen to head ahead or backward. However, so as for it to register, you need to have your mouse held down because that is what the occasion listener is waiting for, to feature this properly. When the JavaScript hears a 'mouseup' it won't assist you to drag and not anything will happen. An internet clothier can use this option can use this as a scrolling approach on their webpage. It may be used to scroll thru a huge portfolio of a few kind, or masses of information to try and find the one the user is looking for. This method can permit lots of different possibilities, not only for clicking and dragging but additionally for utilizing event listeners to make their webpages more interactive and attract greater users to their websites.