WEB.JS/02.제어문_JS

chapter02 : if

GAWON 2023. 5. 19. 09:20 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1>성적 확인</h1>
	<p>평균 : <span id="avg"></span>점</p>
	<p>학점 : <span id="grade"></span>점</p>

	<script type="text/javascript">
		/*
			국어, 영어, 수학 점수를 입력받아
			평균과 학점을 위 태그내에 삽입하시오.

			학점 : 90이상 A, 80이상 B, 70이상 C, 60이상 D, 60미만 F
		*/
		var gradeEle = document.querySelector("#grade");

		var kor = Number(prompt("국어 점수 입력"));
		var eng = Number(prompt("영어 점수 입력"));
		var mat = Number(prompt("수학 점수 입력"));
		var avg = (kor + eng + mat) / 3;
		var grade;

		if(avg >=90){grade = 'A'}
		else if(avg >=80){grade = 'B'}
		else if(avg >=70){grade = 'C'}
		else if(avg >=60){grade = 'D'}
		else{grade = 'F'}

		document.getElementById("avg").innerHTML = avg;
		gradeEle.innerHTML = grade;



	</script>

</body>
</html>