본문 바로가기

FrontEnd/VanillaJs

[VanillaJS] 검색폼 구현 2


다음은 input태그에 값이 있을 경우에는 reset버튼이 사라지고

값이 없을 경우에는 reset버튼이 생기는 코드가 15번째부터 추가되었다.


bindEvents함수는

 input엘리먼트에 이벤트리스너를 발생시키며

keyup(키보드가 움직일 시 이벤트)

function(e){this.onKeyup(e)} (이벤트 핸들러)

가 발생한다.


onKeyup함수는

input엘리먼트의 벨류값의 길이를 부울형으로 받음

만약 값이 있다면 True 없다면 false를 반납할 것임.