title: How can I make a previously incremented set of numbers appear below the current numbers in a new line?
body: <p>I wrote a javascript that increases a set of numbers every second, where every increased set writes on a new line separated by a horizontal rule. E.g;</p>
  <p>20220215155</p>
  <p>20220215156</p>
  <p>20220215157</p>
  <p>20220215158 etc...</p>
  <pre><code>var i = 20220215155;
      function increment(){
       i++;
          document.getElementById('period').innerHTML += i + &quot;&lt;br /&gt;&quot; + &quot;&lt;hr /&gt;&quot; ;
      }
      setInterval('increment()', 1000);
  </code></pre>
  <p>But I want every current set of the numbers to always be in the first line, whereby a previously increased set goes below the currently increased set... E.g;</p>
  <p>20220215159</p>
  <p>20220215158</p>
  <p>20220215157</p>
  <p>20220215156</p>
  <p>20220215155</p>
  <p>Please how do I go about this?</p>