
<script>
let temp_html = `<button><h3><p> B9_김병문 팀원님 메모 내용 모음 </p></h3></button>`;
function add_box() {
$("#apd1").append(temp_html)
}
function delete_box() {
$("#apd2").remove()
}
</script>
</head>
<body bgcolor="#FFFFF0"> <!-- 배경컬러 -->
<button>
<h3><p> 전체메모 </p></h3>
</button> <!-- 설명 -->
<button>
<h3><p> ★ 중요메모 </p></h3>
</button> <!-- 설명 -->
<button onclick="add_box()" >
<h3><p style="color:#00c73c;"> □ 새 메모 쓰기 </p></h3>
</button> <!-- 설명 -->
<button>
<h3><p> ■ 수정 </p></h3>
</button> <!-- 설명 -->
<button onclick="delete_box()">
<h3><p> 삭제 </p></h3>
</button> <!-- 설명 -->
<button>
<h3><p> 휴지통 </p></h3>
</button> <!-- 설명 -->
<br> <!-- 개행 -->
<br> <!-- 개행 -->
<div id="apd1">
<button id="apd2">
<h3><p> B9_김병문 팀원님 메모 내용 모음 </p></h3>
</button> <!-- 설명 -->
<br> <!-- 개행 -->
<br> <!-- 개행 -->
<button id="apd2">
<h3><p> B9_김현준 팀원님 메모 내용 모음 </p></h3>
</button> <!-- 설명 -->
<br> <!-- 개행 -->
<br> <!-- 개행 -->
<button id="apd2">
<h3><p> B9_성창남 팀원님 메모 내용 모음 </p></h3>
</button> <!-- 설명 -->
<br> <!-- 개행 -->
<br> <!-- 개행 -->
<button id="apd2">
<h3><p> B9_오민규 팀원님 메모 내용 모음 </p></h3>
</button> <!-- 설명 -->
</div>
ㅇㅇ

안녕하세요! 코드를 이렇게 짰는데
삭제 버튼을 누르면 기존 것만 삭제되고
새로 추가된 것은 삭제되지 않네요,,
어떤 점이 잘못된걸까요?
