FINAL BOSS: DOM Manipulation & Event Listeners | Simple Javascript Training Tutorial

FULL CODE + IMAGES + SLIDES @ http://blog.breakthru.solutions/learn-javascript-simple-project-rock-paper-scissors

PLAYLIST: https://www.youtube.com/playlist?list=PLRcnnTsvnkLN0VUFnWMfxhW-20pWBT4cJ

FOLLOW ME ON TWITTER: https://twitter.com/thepowerslacker

FURTHER READING
Event Listeners: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

FROM THE DOCS
The EventTarget.addEventListener() method registers the specified listener on the EventTarget it's called on. The event target may be an Element in a document, the Document itself, a Window, or any other object that supports events (such as XMLHttpRequest).

Parameters

type
A string representing the event type to listen for.
listener
The object that receives a notification (an object that implements the Event interface) when an event of the specified type occurs. This must be an object implementing the EventListener interface, or simply a JavaScript function.
options Optional
An options object that specifies characteristics about the event listener. The available options are:
capture: A Boolean that indicates that events of this type will be dispatched to the registered listener before being dispatched to any EventTarget beneath it in the DOM tree.
once: A Boolean indicating that the listener should be invoked at most once after being added. If it is true, the listener would be removed automatically when it is invoked.
passive: A Boolean indicating that the listener will never call preventDefault(). If it does, the user agent should ignore it and generate a console warning.
mozSystemGroup: Available only in code running in XBL or in Firefox' chrome, it is a Boolean defining if the listener is added to the system group.