Advertisement
TZinovieva

Add / Delete JS Advanced

Sep 24th, 2023
613
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function addItem() {
  2.     const inputText = document.getElementById('newItemText').value;
  3.    
  4.     if (inputText.trim() !== '') {
  5.         const items = document.getElementById('items');
  6.         const newLi = document.createElement('li');
  7.         newLi.textContent = inputText;
  8.        
  9.         const deleteLink = document.createElement('a');
  10.         deleteLink.href = '#';
  11.         deleteLink.textContent = '[Delete]';
  12.        
  13.         deleteLink.addEventListener('click', function(event) {
  14.             event.preventDefault();
  15.             newLi.remove();
  16.         });
  17.        
  18.         newLi.appendChild(deleteLink);
  19.         items.appendChild(newLi);
  20.        
  21.         document.getElementById('newItemText').value = '';
  22.     }
  23. }
  24.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement