title: Why are the bullets for the unordered list being displaying before the items were added into the list?
body: <p><strong>Why are the bullets being displayed before the list items were added?</strong> </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en" dir="ltr"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;To Do List&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;h1&gt; &lt;%=kindOfDay%&gt; &lt;/h1&gt;
      &lt;ul&gt;
        &lt;% for (var i =0; i&lt;= newListItems.length; i++){ %&gt;
          &lt;li&gt; &lt;%= newListItems[i] %&gt;&lt;/li&gt;
        &lt;%  } %&gt;
      &lt;/ul&gt;
      &lt;form action="/" method="post"&gt;
        &lt;input type="text" name="newItem" &gt;
        &lt;button type="submit" name="button"&gt;Add&lt;/button&gt;
      &lt;/form&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/hrqSG.png" rel="nofollow noreferrer">Screenshot</a></p>