title: addEventListener() not working
body: <p>Ok, so I tried to make this page with an addEventListener function, to address the clicking of a button; It didn't work. I narrowed it down by deleting everything but the basic elements needed for the listener, and am left with the following:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript"&gt;
  function init(){
      document.getElementById("test").addEventListener("mousedown", function(){
          alert("Test successful");
      });
  }
  body.onload = init();
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;button id="test"&gt;Click&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>which didn't work either, so I know the issue is in my syntax of the above. Mind you, when I took away <code>body.onload = init();</code> and instead put <code>onload="init()"</code> into the body tag, it did work :O Problem is, I don't want to have it inline. Any suggestions? </p>
  
  <p>Note: Do bear in mind that this question is <strong>not</strong> about how there is a bug in JS, even if the title may suggest so, it is about how I can't get it to work since I've probably got the syntax wrong. Please feel free to rename it if you wish.</p>