[jQuery] 연산자, 조건문, prompt, alert

부등호 및 등호 연산자/조건문

> : ~보다 크다, 초과

< : ~보다 작다, 미만

>= : ~보다 크거나 같다, ~이상

<= : ~보다 작거나 같다, ~이하

= : 오른쪽에 있는 값을 왼쪽에 치환하여라

== : 값이 같다. (결과값만 같으면 true)

=== : 값이 같다. (데이터 형식까지 같아야 true)

!= : 다르다

&& (조건1 && 조건1) : 2개 이상 조건을 만족시켜야 true

|| (조건 || 조건) : 또는 true

prompt() : 입력할 수 있는 안내창

alert() : 안내창, 경고창

If 조건문

(1) 기본 조건문

 if(조건){

    true일 경우의 실행문

}

(2) [else] 2개일 경우

if(조건){

    true일 경우 실행문

}else{

    false일 경우 실행문

}

(3) [else if] 2개 이상일 경우

if(조건1){

    조건1 true일 경우 실행문

}else if{

    조건2 true일 경우 실행문

}else{

    false일 경우 실행문

}

예제A

(1) 기본 조건문 : 만약 70점 이상이면 합격이라고 안내창 띄우기

var avg = prompt('숫자입력','0')

if(70점이하일때){ 불합격 }

if(avg >= 70){

alert('합격')

}else{

alert('불합격')

}

(2) [else] 2개일 경우 : 만약 80 이상이면 우수, 6 0이상이면 보통, 60 미만이면 노력 (3개)

if(80이상){ 우수 }else if{ 보통 }else{ 노력 }

if(avg >= 80){

alert('굿')

}else if(avg >= 60){

alert('올')

}else{

alert('엄마젖좀 더먹고와!')

}

(3) [중첩if문] // [else if] 2개 이상일 경우 : 0~100까지 입력했을 때만 아래 조건을 실행

2개 조건을 만족(&&) ▶ if(0보다 크고 100보다 작을때만){ if(80이상){ 우수 }else if{ 보통 }else{ 노력 } }

if(avg >=0 && avg<=100){

if(avg >= 80){

alert('굿')

}else if(avg >= 60){

alert('올')

}else{

alert('엄마젖좀 더먹고와!')

}

}else{

alert('0부터 100까지의 숫자를 입력해 주세요.')

}

예제B

- 전송버튼 눌렀을 때 input에 내용이 있으면 "전송완료"

- 내용이 없으면 "내용을 입력하세요."

- 보통 내용이 있는경우는 어떤게 있을지 몰라서 없는경우 먼저 선언하는게 좋음

- 내용이 없다 → ''

if(내용이 없다면){

내용을 입력하세요

}else{

전송 완료

}

<input type="text">

<button>전송</button>

<p style="font-size:12px; color:#ff1499; width:180px; text-align:center;"></p>

<!-- input안의 내용은 value값 [.val()] -->

<script>

$(function(){

$('button').click(function(){

if($('input').val() == ''){

$('p').text('내용을 입력하세요.')

$('input').focus()

}else{

$('p').text($('input').val()+' 전송이 완료되었습니다.')

}

})

})

</script>

* 출처 : 자료 - [제이쿼리] 부등호연산자, if조건문 / 딩동댕 Hoit_:D . 2017.06.24 13:06 : http://5603.tistory.com/153