백티를 활용하여 HTML을 그대로 복사해 놓으면 자바스크립토 일일이 요소를 생성하지 않아도
쉽게 반복적인 요소를 생성 할 수 있다.
container 안에 클릭 할때마다 추가 될 요소를 만들어 놓은 뒤
백티(``)안에 복사 해 놓으면 버튼을 누를때마다 해당 요소를 추가해 준다
See the Pen Untitled by Juno Kim (@Juno-Kim-the-looper) on CodePen.
이번에는 요소와 버튼을 만들고 Delete버튼을 누르면 해당 요소가 삭제되도록 구성해 봤다.
See the Pen Untitled by Juno Kim (@Juno-Kim-the-looper) on CodePen.
'웹(Web) > 학습(Study)' 카테고리의 다른 글
API (0) | 2024.04.08 |
---|---|
position:fixed 가운데 정렬 하는법 (0) | 2024.02.23 |
setTimeout 과 for문 이용시 중복 방지 (1) | 2024.02.12 |
section 스크롤중 어느 박스에서 이벤트 발생 (0) | 2024.02.10 |
한 섹션씩 스크롤 되다가 가로스크롤 변경 (0) | 2024.01.24 |