02. Add / Delete

function addItem() {
  const ulElement = document.querySelector('#items');
  const inputTextElement = document.querySelector('#newText');
  const inputGetText = inputTextElement.value;

  const liElement = document.createElement('li');
  const liTextElement = document.createTextNode(`${inputGetText}`);
  const liDeleteBtn = document.createElement('a');
  const liDeleteBtnText = document.createTextNode('[Delete]');

  liDeleteBtn.setAttribute('href', '#');

  liDeleteBtn.appendChild(liDeleteBtnText);
  liElement.appendChild(liTextElement);
  liElement.appendChild(liDeleteBtn);

  ulElement.appendChild(liElement);

  liDeleteBtn.addEventListener('click', (e) => {
    e.stopPropagation();
    ulElement.removeChild(liElement);
    inputTextElement.value = '';
  });
}