본문 바로가기

WEB

[JavaScript] 조건문 / if / else if / else

if는 조건에 대한 ture, false를 나타내준다. C언어와 비슷하다.


예제

/* input 요소에 점수를 입력하고
	체크하기 버튼을 눌렀을때
	입력한 점수가 60점 이상이면
	p요소에 "합격입니다."를 출력하고
    60점 미만이면 "불합격입니다."를 출력해보세요.
*/

document.querySelector("#checkBtn").addEventListener("click",function(){
	if(Number(document.querySelector("#jumsu").value)>=60){
		document.querySelector("#result").innerText = "합격입니다."
	}else{
    	document.querySelector("#result").innerText = "불합격입니다."
    }
});
        /*
            input 요소에 점수를 입력하고
            성적확인 버튼을 누르면
            점수가 90점 이상이면 "A 입니다."
            점수가 80점 이상이면 "B 입니다."
            점수가 70점 이상이면 "C 입니다."
            점수가 60점 이상이면 "D 입니다."
            점수가 60점 미만이면 "F 입니다."
            를 p요소에 출력하시오
        */

        document.querySelector("#checkBtn").addEventListener("click",function(){
            let score = Number(document.querySelector("#jumsu").value);
            let p = document.querySelector("#result");
            if(score >= 90){
                p.innerText = "A 입니다.";
            }else if(score >= 80){
                p.innerText = "B 입니다.";
            }else if(score >= 70){
                p.innerText = "C 입니다.";
            }else if(score >= 60){
                p.innerText = "D 입니다.";
            }else{
                p.innerText = "F 입니다.";
            }
        });

'WEB' 카테고리의 다른 글

[JavaScript] this  (0) 2021.10.14
[JavaScript] HTML 요소 추가 / createElement  (0) 2021.10.14
[JavaScript] forEach  (0) 2021.10.13
[JavaScript] 전역변수(Global) / 지역변수(Local)  (0) 2021.10.13
[HTML] select / option  (0) 2021.10.12