<ul id="myList">
  <li>첫 번째 아이템</li>
  <li>두 번째 아이템</li>
  <li>세 번째 아이템</li>
</ul>

<button id="removeItemBtn">마지막 아이템 삭제</button>
const removeButton = document.getElementById("removeItemBtn");
removeButton.addEventListener("click", removeLastListItem);

function removeLastListItem() {
  const myList = document.getElementById("myList");
  const listItems = myList.getElementsByTagName("li");

  // ul에 li 아이템이 있는 경우에만 실행
  if (listItems.length > 0) {
    // 마지막 li 아이템을 제거
    myList.removeChild(listItems[listItems.length - 1]);
  }
}

// 버튼 클릭 이벤트를 추가합니다.

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.