title: addEventListener if else condition not work
body: <p>I do not understand why the second condition does not work (else if inside function <code>changeText</code>).</p>
  <p>When I click it changes my clickable1 and clickable2  together instead of treating each of my clicks separately.</p>
  <p>My code:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  
  &lt;h1 id=&quot;clickable1&quot;&gt; Click me plz &lt;/h1&gt;
  &lt;h2 id=&quot;clickable2&quot;&gt; Click me too plz &lt;/h2&gt;
  &lt;script&gt;
  var text = [&quot;thanks for clicking first&quot;, &quot;thanks… but why only second?&quot;];
  var index = 0;
  var indexId = 0;
  document.getElementById(&quot;clickable1&quot;).addEventListener(&quot;click&quot;,changeText);
  document.getElementById(&quot;clickable2&quot;).addEventListener(&quot;click&quot;,changeText);
  
  function changeText(){
    if(document.getElementById(&quot;clickable1&quot;)){
      document.getElementById(&quot;clickable1&quot;).innerHTML = text[0];
    }
      else if(document.getElementById(&quot;clickable2&quot;)){
        document.getElementById(&quot;clickable2&quot;).innerHTML = text[1];
    }
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>