Element Finder

The purpose of the element finder is to make accessing HTML more concise. Typically people will use getElementById or getElementsByClassName, but the element finder combines both and is integrated into every single html element on the page. The example below shows how to use it.

      
<button class="btn">Click Me<button>
<p id="description">Please click the button.<p>
      
    

      
for(var button of document.find.btn)
  console.log(button.textContent);
document.find.description.textContent += " It's important!";