Javascript Events Tutorial Part 2 – Javascript Tutorials for Beginning Web Development



In the last video, I covered Javascript Events for new Javascript Web Developers. Let’s get a little more complex with those events by adding a loop and some different types of event listeners.

Here’s the source code: http://codepen.io/anon/pen/doZbPQ?editors=101

And here’s all the key codes: https://css-tricks.com/snippets/javascript/javascript-keycodes/

A web developer often needs to add an event to multiple elements, but you don’t want to repeat your code all over the place, so the best way to do it is to make a loop.

The good news is, since this loop just goes from i=0, i=1, i=2, etc, we can use one loop and add events to all 3 li’s & inputs with it.

source

Leave a Reply

Your email address will not be published. Required fields are marked *