Day 73 JavaScript DOM Part 2
Today was another day of learning about the
Everything in the HTML document is a node. The HTML document itself is the root node. Every HTML element is an element node. The text inside HTML elements are text nodes. Every HTML attribute is an attribute node. All comments are comment nodes.
Every node has a hierarchical relationship with each other. The root node is the parent node meaning that it is at the very top. Every node has one parent beside the root node which has none. Nodes can have a number of children. Nodes with the same parent nodes are siblings. When a user clicks the mouse
Here are some examples of events in the DOM. When a web page has loaded, an image has been loaded, mouse moves over an element, the input field is changed, an HTML form is submitted, a user strokes a key.
Growing up playing MMORPG games like Runescape and Guild Wars, the possibilities were endless with event and event listener. Being able to create events and listen to events all of the MMORPG features instantly came to mind. Being able to use skills using certain numbers on the keyboard. Moving your character around using the arrows on your keyboard, targeting the nearest enemy etc. so many different features are possible to do.
<div class='sharedaddy sd-block sd-like jetpack-likes-widget-wrapper jetpack-likes-widget-unloaded' id='like-post-wrapper-155635758-387-5ce3d495a98d6' data-src='https://widgets.wp.com/likes/#blog_id=155635758&post_id=387&origin=trilamanila.com&obj_id=155635758-387-5ce3d495a98d6' data-name='like-post-frame-155635758-387-5ce3d495a98d6'><h3 class="sd-title">Like this:</h3><div class='likes-widget-placeholder post-likes-widget-placeholder' style='height: 55px;'><span class='button'><span>Like</span></span> <span class="loading">Loading...</span></div><span class='sd-text-color'></span><a class='sd-link-color'></a></div>