How to add li to a ul via javascript?

Question

Hi, I was learning JS and wanna make a simple To-do list that will add items every time the form is submitted. The problem is new item is replacing the old item, how to resolve this issue? please see my code and let me know where I am doing it wrong. Please check the code through the following link.

https://www.sololearn.com/compiler-playground/WmeeqO84JOqr

Answer 1

AspirantCoder don't share the code in description go to insert button -> insert code -> see the drop-down menu -> click on code bits then share your code

And before you ask the question please do search on google

https://stackoverflow.com/questions/20673959/how-to-add-new-li-to-ul-onclick-with-javascript

https://code.sololearn.com/W0uW3Wks8UBk/?ref=app

Answer 2

post your codebit.

Are you using createElement an appendChild?

or

if you are using innerHTML and template literal strings, maybe you should use += instead of just =

Answer 3

@Sakshi sorry for the wrong post came back after a long time and don't know how to post it properly. I had already checked the article you linked it might have my solution but the problem is I am new to coding so didn't get it properly so thought someone might explain a bit but I got it, I won't post any questions again because Stackoverflow has already got the related solution of almost every problem so beginners need to do it on there own. Thanks btw for taking the time to reply.

Answer 4

AspirantCoder no problem

Answer 5

You are close! Just move line 2 of your code to the form event handler. This will ensure that a new li element is created whenever the button is clicked.