<!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>
