Jquery 간단한 연습

jquery를 이용해 자바스크립트 코드를 짧고 간결하게 작성할 수 있다. 

 

연습하기 위해 간단한 퀴즈를 풀어보겠다 

 

문제1

답

자바스크립트라면 documemt.element 이런 식으로 값을 받아왔을 것이다

하지만 jquery를 사용하면 $('#id').val()를 통해서 해당 id값에 입력한 값을 받아올 수 있다. 

위 문제는 값이 없다면 값을 입력하라고 뜨게 하고 있다면 입력한 값을 얼럿하게 하는 간단한 문제이다

 

 

문제 2

답

똑같이 input-q2의 값을 받아와 value에 넣어준다. 하지만 이메일 형식 abc@gmail.com에서 도메인 네임만 추출하기 위해서 spilt 함수를 두 번 이용한다. 그 전에 먼저 includes 함수를 통해 입력한 값에 @이 있는 지 없는지를 판별하는 함수를 만든다. 거기서 있다면 먼저 @를 기준으로 1번 인덱스 즉 abc, gmail.com 이렇게 구분해주고 1번 인덱스인 gmail.com을 다시 .를 기준으로 구분한 뒤 0번 인덱스인 gmail를 추출해준다. 

 

문제 3

 

답

똑같이 input-q3으로 입력한 값을 받아온다

그 다음 받아온 값을 자바스크립트로 나올 수 있게 temp_html에 리스트태그안에 입력한 값을 넣어주고 

append해준다. 

그리고 empty()함수를 이용해 지우기를 클릭하면 다 지워준다.