title: For loop overwriting text in HTML
body: <p>My array called <code>myEmployees</code> has 5 names in it, yet when I run the code it only prints out 3 of them. I believe this is happening because the <code>for</code> loop in the script is overwriting the previous line that it wrote in the HTML document. How can I fix this?</p>
  
  <blockquote>
    <p>Yearly Bulletin Board Announcements!</p>
    
    <p>Congratulations to Taylor, you have been here for 9 years and you meet the magic number! You get 2 extra weeks of PTO!</p>
    
    <p>Derek, thank you for your service over the past 8 years. I look forward to many more years working with you!</p>
    
    <p>Tyler, no longer works here.</p>
  </blockquote>
  
  <p>The above  is what shows on my screen when I run the code, there should be two other statements to appear. Any suggestions would be greatly appreciated! </p>
  
  <pre><code>&lt;body&gt;
  
    &lt;h1&gt;Yearly Buttetin Board Announcements!&lt;/h1&gt;
    &lt;h2 id='win'&gt;&lt;/h2&gt;
    &lt;h3 id='here'&gt;&lt;/h3&gt;
    &lt;h4 id='notHere'&gt;&lt;/h4&gt;
  
    &lt;script src='app.js'&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>TypeScript</p>
  
  <pre><code>for( i = 0; i &lt; myEmployees.length; i++ ) {
      const employee = myEmployees[i];
      let magicNumber   = employee.extraVacay;
      let stillEmployed = employee.stillEmployed;
      let timeInJob     = employee.timeInJob;
      let name          = employee.name;
  
      if( magicNumber &gt; 30 &amp;&amp; timeInJob &gt; 5 &amp;&amp; stillEmployed == true ) {
  
          document.getElementById('win').innerHTML = (`Congratulations to ${name}, you have been here for ${timeInJob} years and you meet the magic number! You get 2 extra weeks of PTO!`);
  
      }
      else if (stillEmployed == true) {
  
          document.getElementById('here').innerHTML = (`${name}, thank you for your service over the past ${timeInJob} years. I look forward to many more years working with you!`);
  
      }
      else {
  
          document.getElementById('notHere').innerHTML = (`${name}, no longer works here.`)
      }
  };
  </code></pre>