addEventListener()
-
JavaScript 입문 : 가위바위보 게임 - addEventListener와 removeEventListener / if문으로 버그 해결컴퓨터 알아가기/JavaScript 2022. 7. 9. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. ▒ addEventListener() 함수의 비활성화 함수 removeEventListener() 지난시간 같은 아이디를 사용하고 setTimeout( )내 clearInterval( ) 함수를 한번 더 사용함으로써 버튼을 더블클릭이상으로 하였을 경우 나타나는 버그를 간단히 수정해 보았습니다. 또 한가지 방법은 버튼을 활성화 시키는 addEventListener( )함수를 비활성화 시키는 방법입니다. 즉, setTimeout( ) 함수내 removeEventListener( ) 함수를 사용함으로써 버튼을 누르지 못하게 강제할 수 있습니다. 순서는 setTimeout() 함수로 진입하기 전 setInterval( ) 함수 전체가 addEv..
-
JavaScript 입문 (끝말잇기 게임) : addEventListener( ) = 콜백함수 = 리스너함수컴퓨터 알아가기/JavaScript 2022. 1. 26. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. ▒ 콜백함수 (addEventListener 함수) 지난시간까지 querySelector( ) 함수를 통해서 HTML 태그 선택을 연습해 보았습니다. 이제는 선택된 HTML 태그를 가지고 입력이 되면 결과값등이 나올수 있는 프로그램을 하기 위한 함수를 공부해 보고자 합니다. 이러한 상호 활성화작용을 이벤트라고 하는데 그중에서 콜백함수(Callback Function) 또는 리스너함수(Listener Function)에 대해 알아봅니다. 1. addEventListener( ) Input 창에 단어를 입력하는 것에 대한 반응 Button 을 클릭할 때 반응을 하는 콜백함수로 addEventListener( ) 함수를 사용합니다. 입력창은 ..