How to remove in js

JavaScript Conversations
#1 
<div id="main">
<h1>ADD BELOW YOUR ITEM</h1>
ADD
  • oilX
  • attaX

var inputText = document.querySelector(“#txt”);
var myButton = document.querySelector(“.btn-list”);
var list = document.querySelector(“.container ul”);
myButton.addEventListener(“click”,(e)=>{
if(inputText.value !==“”){
e.preventDefault();
var myli = document.createElement(“li”);
myli.innerHTML =inputText.value;
list.appendChild(myli);
var myspan = document.createElement(“span”);
myspan.innerHTML = “X”;
myli.appendChild(myspan);
var close = querySelector(“span”);
close.innerHTML =
how to remove list when i click x

1 Like
#2

@ankitasahoo20091 ,

You can try this way

li.addEventListener("click", removeItem)
function removeItem(){
 document.getElementById("li").remove();
}

Here is my code pen link for better understandingToDo App