title: Using window properties directly without using helper functions
body: <p>have a look at this, 1.) outputs the same as 2.)</p>
  <p><strong>What is the downside?</strong>, please?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>/**
   * 1.) The following: 
   */
  
  alert(my_selector.value)
  
  
  /**
   * 2.) outputs the same as this:
   */
  alert(document.getElementById("my_selector").value)
  
  /**
   * What's ths downside ?
   */</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="text" id="my_selector" value="check"/&gt;</code></pre>
  </div>
  </div>
  </p>