질문드립니다.

73 asked

0

안녕하새요 :)

"뒤에추가" 버튼 클릭시 로직과 동일 합니다.

아래 코드 보시면 이해가 되실 거에요

// 앞에추가 버튼 클릭시 이벤트
addBeforeBtn.addEventListener('click', function () {
  let li = document.createElement('li');
  let ul = document.querySelector('ul');
  let targetLi = document.querySelector('li#target');
  console.log(targetLi);
  li.textContent = inputBox.value;
  
  // "X" 버튼 추가 코드 (5줄)
  let button = document.createElement('button');
  button.textContent = 'X';
  button.classList.add('remove-btn');
  button.addEventListener('click', removeParentNode);
  li.appendChild(button);
  
  // ul.appendChild(li);
  ul.insertBefore(li, targetLi);
});