Can someone please help me with whats wrong with my code..! https://w.trhou.se/zlyd7f75lo

Here's more details on the points made above, in reference to the code from app.js, starting at line 40:

myListButton.addEventListener("click", function () {
  let myList = document.createElement("li");
  myList.textContent = listItem.value;
  myList.appendChild("li");

So on line 41, a new element is created and assigned to a new variable named "myList". But this choice of name is confusing for 2 reasons: it represents a single element (not a list), and it overrides an existing global variable with the same name.

Then, to be able to attach this element (using appendChild) to the unordered list in the document, you would need a variable to represent the list itself. But no such variable is being created in this function.

Then on line 43, the statement "myList.appendChild("li")" attempts to attach a simple string with the letters "li" (instead of the new element) to the new element (instead of to the list). This is where the reference to the list would be needed.

And my final comment was just pointing out that the code in index.html is different from the code shown in the video, so the JavaScript shown in the video would not work with it correctly.

I added to a comment with details to my original answer.