<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>성적처리 예제(1차원 배열 사용)</title>
<style>
.headerStyle {
background-color:yellow;
font-weight:bold;
}
</style>
</head>
<body>
<script>
var kor = [100, 90, 80];
var eng = [90, 95, 88];
var mat = [80, 88, 95];
var tot = [0, 0, 0];
var avg = [0, 0, 0];
var rank = [1, 1, 1];
for (var i = 0; i < 3; i++) {
tot[i] = kor[i] + eng[i] + mat[i]; // 총점
avg[i] = tot[i] / 3.0; // 평균
}
// 순위 알고리즘
for (var i = 0; i < 3; i++) {
rank[i] = 1; // 1등으로 초기화
for (var j = 0; j < 3; j++) {
if (tot[i] < tot[j]) {
rank[i] = rank[i] + 1; // 등수 증가
}
}
}
document.write("<h3>성적 리스트(입력순)</h3>");
document.write("<table border='1' width='600'>");
document.write("<tr align='center' bgcolor='yellow'><td>국어</td><td>영어</td><td>수학</td><td>총점</td><td>평균</td><td>순위</td></tr>");
for (var i = 0; i < 3; i++) {
document.write(
"<tr><td>" + kor[i] + "</td><td>" + eng[i] + "</td><td>" + mat[i] + "</td><td>"
+ tot[i] + "</td><td>" + Math.round(avg[i]) + "</td><td>" + rank[i] + "</td></tr>");
}
document.write("</table>");
// 정렬 알고리즘(선택 정렬)
var temp = 0;
for (var i = 0; i < 3 - 1; i++) {
for (var j = i + 1; j < 3; j++) {
if (rank[i] > rank[j]) {
temp = kor[i];
kor[i] = kor[j];
kor[j] = temp;
temp = eng[i];
eng[i] = eng[j];
eng[j] = temp;
temp = mat[i];
mat[i] = mat[j];
mat[j] = temp;
temp = tot[i];
tot[i] = tot[j];
tot[j] = temp;
temp = avg[i];
avg[i] = avg[j];
avg[j] = temp;
temp = rank[i];
rank[i] = rank[j];
rank[j] = temp;
}
}
}
document.write("<h3>성적 리스트(성적순)</h3>");
document.write("<table border='1' width='600'>");
document.write("<tr style='text-align:center;' class='headerStyle'><td>국어</td><td>영어</td><td>수학</td><td>총점</td><td>평균</td><td>순위</td></tr>");
for (var i = 0; i < 3; i++) {
document.write(
"<tr><td>" + kor[i] + "</td><td>" + eng[i] + "</td><td>" + mat[i] + "</td><td>"
+ tot[i] + "</td><td>" + Math.round(avg[i]) + "</td><td>" + rank[i] + "</td></tr>");
}
document.write("</table>");
</script>
</body>
</html>