자바스크립트 조건문 If 작성하기

자바스크립트에 사용되는 조건문은 if문과 for문이 있는데 

for문은 jQuery에 기본적으로 내장되어 있어서 잘 사용하지 않는다.

 

if문은 하나 이상의 조건에 따라 실행할 명령어를 구분하여 실행시킨다.

 

if문 구조

if(조건 1)
{조건 1을 만족할 때 실행될 명령어
}else if(조건2){
조건 2를 만족하면 실행될 명령어
}else if(조건3){
조건 3을 만족하면 실행될 명령어
}else{
위의 모든 조건문에 해당되지 않을 경우 실행되는 명령어}

*괄호는 붙여 써도 됨
*마지막 else는 생략해도 된다.

 

var question = confirm('대화창 생성하기')
document.write(question)

if(question==true){
document.write('예를 선택할 경우 나오는 문구')
}else if(question==false){
document.write('아니오를 선택할 경우 나오는 문구')
}

1) var question 은  변수 생성

2) confirm은 대화창을 생성하는 함수

3) document.write(question)는 if문의 true와 false를 body에 출력해준다

4) if (question==true)는 대화창에서 '예' 또는 '확인'을 선택할 경우이며

4-1) '예'를 눌렀을 때  '예를 선택할 경우 나오는 문구'가 출력된다.

5) else if(question==false)는 대화창에서 '아니오' 또는 '취소'를 선택할 경우이며

5-1) '아니오'를 눌렀을 때 '아니오를 선택할 경우 나오는 문구'가 출력된다.

좌측은 '확인'을 눌렀을 때 출력되는 결과 / 우측은 '취소'를 눌렀을 때 출력되는 결과이다.

== 와 같이 '='를 두 번 사용하는 것은 비교를 하기 위함이며 (안에 조건이 맞는가?)

'='를 한번 사용하게 되면 선언이 되기 때문에(안에 조건이 맞다) flase의 값이 제대로 출력되지 않는다.

 

 

var eng = prompt('영어 점수를 입력하세요')
var kor = prompt('국어 점수를 입력하세요')

eng = parseInt(eng)
kor = parseInt(kor)

if(eng>=90 && kor>=90){
document.write('A학점')
}else if(eng+kor >= 170){
document.write('B학점')
}else if(eng>=90 || kor>=90){
document.write('C학점')
}else{
document.write('D학점')
}

1) prompt : (영어점수) 변수를 직접 입력하는 대화창 생성

< - > confirm은 예/아니오로 선택하는 대화창이다.

2)  parseInt() : 문자인 string을 입력했을 때 빈칸으로 바꿔주는 함수로 소수점 포함한 숫자만 가져온다. 

3)  if(eng>=90 && kor>=90)은 입력한 영어, 국어 점수가 둘 다 90점 이상일 때 조건

4)  'A학점'을 body에 출력해준다.

5)  else if (eng>=90+kor>=170) 은 입력한 영어, 국어 점수의 합이 170점 이상일 때 조건

6) 'B학점'을 body에 출력해준다.

7) else if(eng>=90 || kor>=90)은 입력한 영어 또는 국어 점수가 90점 이상일 때 

8) 'C학점'을 body에 출력해준다.

9) else는 그 외의 값을 입력했을 경우 'D학점'을 body에 출력해준다.

 

*연산자

&& 는 and와 같은 의미

||는 or과 같은 의미