📌addList( )

  1. input value === null 일때,

  2. value의 값이 있을때,

    createList(value)

📌 createList(value)

  1. value가 null일때 붙였던 warning class 떼어주기
  2. list 생성하기 → span 태그에 value 값을 text로 넣어주기

2-1. 생성 된 list 안의 기능들

  1. checked의 상태에 따라 text-decoration 유무

  2. 휴지통 아이콘 클릭하면, 삭제 기능

→ filter 메서드 이용

→ 클릭 한 item의 id와 localStorage의 배열의 item들의 id가 일치하지 않는 경우, 필터링 되지 않고 남음

  1. text와 check, 삭제 기능을 다 담은 list를 return한다.

📌 save( )

let tobuys = [ ];

localStorage에 “tobuys”라는 key를 가진 빈 배열 생성

Untitled

 ✏️
let tobuys = [1, 2, "hello"]

Untitled

push를 이용해 새로운 list를 tobuys에 넣기만 하면 안된다.

save( )함수를 이용해서 push로 새롭게 추가된 value를 저장해야한다.

📌 load( )

localStorage에 저장되어있는 item들 보여주기

📌 counter( )

localStorage length를 받아와서 장보기 목록 수에 연결한다.