title: Input addEventListener on change not firing
body: <p>I have a single input to upload a image.</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;main&gt;
      &lt;input id="hs-p" type="file" accept="image/*" capture="camera"&gt;
  &lt;/main&gt;
  
  &lt;script type="text/javascript"&gt;
      let hsp = new HPS();
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to listen for when this input changes ( when someones adds an image to it).</p>
  
  <p><strong>js</strong></p>
  
  <pre><code>let imageInput = null;
  
  class HSP {       
      constructor() {
  
          this.imageInput = document.getElementById('hs-p');
  
          if (this.imageInput) {
              this.imageInput.addEventListener("change", this.uploadImage());
          }
     }
  
      uploadImage() {
          console.log("upload image", this.imageInput);
      }
  }
  
  module.exports = HSP;
  </code></pre>
  
  <p>When someone adds an image it should call the uploadImage callaback. However this function is only firing once when the page loads and never fires when i add a image to the input or change the input image.</p>
  
  <p>I am using node &amp; webpack to output the above custom library/sdk which i then import into my html.</p>