what are the differences between addEventListener('load') and .complete property on the img tag
<p>why would I use on or the other . 
attaching a <code>load</code> event vs checking the <code>complete</code> property </p>

<pre><code>var img1 = document.querySelector('.img-1');

function loaded() {
  // img loading 
}

if (img1.complete) {
  loaded();
}
</code></pre>

<p>or </p>

<pre><code>var img1 = document.querySelector('.img-1');

img1.addEventListener('load', function() {
  // woo yey image loaded
});
</code></pre>