Unong's Story

이번 꺼도 강의 들으면서 따라 친 건데

내가 추가 한 코드만 적겠다.

이번 거는 api 활용한 프로젝트였고

강아지 사진을 불러와서

more 버튼을 누르면 사진이 42개씩 추가로 생기고

top 버튼을 누르면 젤 상단으로 이동한다.

html에 reset 버튼을 추가해서 

reset 버튼을 클릭하면 

기존 강아지 사진은 없어지고

새로운 강아지 사진을 불러온다.

const reset = document.getElementById("reset")

// reset 클릭 시 새로 고침
reset.addEventListener("click", function(){
    window.location.reload()
})

window.location.reload() 

처음 써보는 친구지만

현재 페이지를 다시 리로드 하는 기능이다.

굿!

강의를 들으면서 todolist를 만든 거고 내가 추가한 부분만 코드를 올릴 예정이다.

const todoClear = document.getElementById("clear")

// 전체 삭제 버튼 추가
todoClear.addEventListener("click", function() {
    clearTodos();
});

// 전체 삭제 기능 구현
function clearTodos() {
    todoArr = [];
    localStorage.removeItem("myTodos");
    
    displayTodos();
}

리스트 전체를 삭제 할 수 있는 기능을 넣고 싶어서 

clear 버튼을 추가 하고 clear 버튼을 누르면 list전체가 삭제되는 기능을 만들었다.

todo list 만들기는 혼자 다시 해볼 생각이다...