Day57_230320_ jQuery (이벤트_click, change, 키보드, interval)

 

자바스크립트와 제이쿼리 방식으로 value값 읽어오기

모두 같지만 제이쿼리가 젤 간편해보인다.

 

 

 

 

테이블생성 실습 저번에 이어서..

 

 

 

 

코드를 간결하게 하기 위해

메서드로 만들었다.

 

메서드 안에서 string을 선언하고

return 타입 또한 string으로 반환

 

 

 

훨씬 함수가 간결해졌다.

 

 

 

 

string += ... 이렇게 추가하지 않고

array를 만들어서 push 통해 넣었다.

 

마지막에 array.join("") 이용해서

쉼표로 구분된 것을 하나로 합쳐주었다.

 

 

 

 

 

 

 

자바스크립트 실행순서

 

 

 

 

 

 

 

click, change

두개를 모두 사용해봤는데

change만 사용하면 될 것 같다.

 

 

 

 

 

 

 

 

 

 

키보드 이벤트

주로 keyup을 사용하면 되겠다.

 

 

 

 

 

 

 

 

배열에 넣어서 setInterval을 사용하니

반복문을 사용하지 않아도

알아서 인덱스가 증가하며 반복되었다.

계속 반복될 수 있게 인덱스 크기가 배열크기가 되면 0을 넣어주었다.

 

 

 

 

 

버튼 누르면 시작되고

중지 누르면 멈추게 또 실습