Adding more li elements with 2variables : <p>Hey i want to do something like to-do list. But with counter.</p>

<p>So when user input a title and date then there will be new element with time counter and title.</p>

<p>For now i got something like this: </p>

<pre><code>`https://jsfiddle.net/678z5pgy/1/`
</code></pre>

<p>But it only changes the "add-new" item h2 and p. I want to append new child for container as li element.</p>

<p>But when i make it as appendchild it will add me new element every second.</p>

<p>(Please don't make it for me just tell me what can i do and where i can look for answer, maybe for loop?)</p>

<p><a href="https://codepen.io/ludzik/pen/YMzKKP" rel="nofollow noreferrer">https://codepen.io/ludzik/pen/YMzKKP</a></p>
