개인과제 기능 추가

1. 검색창이 비어 있으면 경고창 띄우기

조건문을 활용해 아주 간단하게 구현했다.

2. 검색 띄어쓰기 상관없이 결과보여주기

검색을 할때 띄어쓰기 까지 정확하지 않아도 결과를 나타내는 기능. input값과 title값에 아래코드 추가.

.replace(/\s/g,'');

3. 스크롤 uptop버튼 구현

3-1. 어느정도 내려갔을때 버튼 보이기

• 고탑 아이콘 HTML에 추가, CSS로 크기 및 위치 fixed
• 어느정도 스크롤이 내려가서 나타나게 하기 위해 스크롤양을 담을 변수 선언
• 스크롤 이벤트 추가 및 Y값 저장, 900이상일때 display block주기

  window.addEventListener( ' scroll ', function( ){ }
  window.scrollY

3-2. 버튼클릭시 위로 올리기

• 클릭이벤트 및 디폴트 이벤트 방지하기 위해 preventDefault 선언
• scrollTo를 사용해 top값, left값, 올라가는 action 지정

  scrollTo( { top:0 , left : 0, behavior : ' smooth ' } )