title: "can't create duplicate variable that shadows a global property"
body: <p>Getting this error on Safari 10</p>
  
  <p>Happens when a const is given a name that's exactly the same as an <code>id</code> of any element on the page.</p>
  
  <pre><code>const abc = document.querySelector("#abc"); //err
  const abz = document.querySelector("#abc"); //no err
  var abc = document.querySelector("#abc"); //no err
  </code></pre>
  
  <p>Is there a reason for this?<br>
  I know you can access the elements via window.abc, is that part of the why?</p>
  
  <p>Test:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;&lt;body&gt;
  &lt;div id="alpha"&gt;&lt;/div&gt;
  &lt;script&gt;
      const alpha = document.querySelector('#alpha');
      console.log(alpha);
  &lt;/script&gt;
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>