[VanillaJS] 검색폼 구현 1

<app.js>

문서가 로딩될때, MainController의 메소드인 init이 실행된다.

<MainController.js>

init()메소드는 작동여부 확인을 위한 콘솔을 찍고

FormView객체의 setup메소드를 호출한다.

파라미터는 form엘리먼트이다.

<FormView.js>

FormView.setup은 el을 파라미터로 가지는 함수이며,

여기서 

this.el(View.js의 init함수로 받음)

this.inputEl

this.resetEl

모두

FormView의 고유한 객체로 만들기 위함인듯하다.

그리고 showResetBtn이라는 함수를 선언한다.

파라미터로는 boolean형식을 받으며

값에 따라

FormView의 resetEl의 display스타일을 결정한다.

콘솔 결과는 위와 같다.

this.el this.inputEl thisresetEL은 다음과 같이 정해졌다.

주의 할 점은 __proto__