Script/jQuery

[jQuery] 연습문제

hhnn 2022. 2. 23. 12:37

#1. input에 값을 넣고 정답이면 "정답", 3번째의 값이 틀렸을 경우 "오타"라고 알림창 띄우기

See the Pen 0223_jQuery 공부01 by limhaneul2244 (@limhaneul2244) on CodePen.

 

var count = 0 을 담아준다.

이때 주의할 것은 var count = 0을 $('.send-answer')함수스코프안에 넣게 되면 안된다.😐 

기본적으로 0 상태에서 클릭누적수를 확인해야 하며, function()안에는 count++ 을 넣어 count값을 넣어준다.

사용자가 3번째 오타났을 때는 멍청이가 떠야 하므로, count >= 3 의 조건식을 걸어준다.

📎중요

1회 증가 count++ 1회 가감 count--
2회 이상 증가 count+= 2회 이상 가감 count-=

#2. setTimeout을 이용해 숫자가 카운팅되게 만들기

setInterval() clearInterval() 
일정시간 간격으로 코드를 반복 실행
일정 시간 후에 코드를 1회만 실행하고 setInterval() 종료
setInterval(function(){실행할 코드}, 시간간격(ms)); clearInterval(참조변수);

See the Pen setTimeout으로 숫자 카운팅하기 by limhaneul2244 (@limhaneul2244) on CodePen.

 

 

 

 

 

 

 


[연관글]

[jQuery] jQuery를 이용해 input의 특정 값을 가져오기

 

 

 

 

 

 

 

 

 

 

 

반응형
SMALL