This post outlines the basic DOM (Document Object Model) interactions such as Querying the DOM, Manipulating the DOM and responding to the events. Querying the DOM getElementById getElementsByTagName querySelector querySelectorAll Example: var x = document.getElementById("anyID"); //or var x = document.querySelector("#anyID");…