<div id="container">
  <!-- 생성된 div들이 여기에 추가됩니다. -->
</div>

<button id="addDivBtn">추가</button>
<button id="removeDivBtn">삭제</button>

const addDivButton = document.getElementById("addDivBtn");
const removeDivButton = document.getElementById("removeDivBtn");
addDivButton.addEventListener("click", addDiv);
removeDivButton.addEventListener("click", removeDiv);

function addDiv() {
  const container = document.getElementById("container");
  const newDiv = document.createElement("div");
  newDiv.textContent = "새로운 div";
  container.appendChild(newDiv);
}

function removeDiv() {
  const container = document.getElementById("container");
  const divs = container.getElementsByTagName("div");
  if (divs.length > 0) {
    container.removeChild(divs[divs.length - 1]);
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.