New List

by Kumaresan S

HTML

<div class="main">
  <input type="text" id="newprofile">
  <input type="submit" id="add">
  
  <ul id="profileList">
    
  </ul>
   
  </div>

JavaScript

var userInput = document.getElementById("newprofile");
var addBtn = document.getElementById("add");
var profileList = document.getElementById("profileList");


//list creation

var createListElement = function(userInput){
  var li =  document.createElement("li");
  var deleteBtn = document.createElement("input");
  
  
  li.innerText = userInput;
  deleteBtn.type="submit";
  deleteBtn.value = "delete";
  
  li.appendChild(deleteBtn);
  
  deleteBtn.addEventListener("click", function(){
    
    li.parentNode.removeChild(li);
  });
  
  return li;
  
}
var addProfile = function(){
  var getInput = createListElement(userInput.value);
  profileList.appendChild(getInput);
  
  
}
addBtn.addEventListener("click",addProfile);