[TIL] 생활코딩 JS 강의내용 정리 - 3

    • 생활코딩 WEB2 - JavaScript 강의 수강 중

   - '18.리팩토링 중복의 제거'회차에서 'this'를 이용하여 id값 없이도 'onclick'이 포함 된 'input'에서

      'value'를 끌어 올 수 있다는 것을 배웠고,

     (id='but'은 버튼 위치를 좌측상단에 위치시키기 위해 개인적으로 붙인 것)

 

 

     '28. 함수의 활용' 에서는 별도의 함수를 지정하여 'onclick'속성 밖으로 코드들이 빠져나오면서

     'this'는 더이상 'input'이 아닌 전역객체(window)를 범위로 하게되어 'this'를 'self'로 바꿔주었고,

     'input'의 onclick이벤트의 'switchHandler'함수에 this 인자를 부여하는 작업을 해줬다.

     onclick이벤트 함수의 인자값을 비워두면 'switchHandler'함수에서 input의 정보를 받지 못해 오류가 발생한다.