<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ex11배열실습</title>
</head>
<body>
<script>
// 1. 과목 수를 한번만 입력받기
let num = prompt('과목 수를 입력해주세요')
// 2. 입력받은 과목의 수 만큼 과목명을 입력받기(반복)
// ex) 자바
let sub_name = []
for(let i=0; i<num; i++){
sub_name[i] = prompt('점수를 입력할 과목명을 입력해주세요')
console.log(sub_name[i])
}
// 3. 입력받은 과목의 수 만큼 점수를 입력받기(반복)
// ex) 자바 점수 입력 >>
let sub_score = []
for(let i=0; i<sub_name.length; i++){
sub_score[i] = prompt(sub_name[i]+'의 점수를 입력해주세요')
// sub_score.push(prompt(sub_name[i],'점수를 입력하세요'))
// let temp = prompt(sub_name[i]+'점수를 입력하세요')
// sub_score.push(temp)
console.log(sub_score[i])
}
// 4. 점수 총합 계산
let total = 0
for(let i=0; i<sub_score.length; i++){
total += parseInt(sub_score[i])
console.log(total)
}
// 5. 점수 평균 계산
let avg = total / num
console.log(avg)
// 6. table을 생성(2행으로 고정, 열은 입력받은 과목 수 + 총합 + 평균)
// -------> tag를 써야하니까 document.write 사용하기
document.write('<table border="1px solid black">')
document.write('<tr>')
for(let i=0; i<num; i++){
document.write('<td>'+sub_name[i]+'</td>')
}
document.write('<td>'+'총합'+'</td>')
document.write('<td>'+'평균'+'</td>')
document.write('</tr>')
document.write('<tr>')
for(let i=0; i<num; i++){
document.write('<td>'+sub_score[i]+'</td>')
}
document.write('<td>'+total+'</td>')
document.write('<td>'+avg+'</td>')
document.write('</tr>')
document.write('</table>')
</script>
</body>
</html>
과목 수 입력
각 과목명 입력
각 과목 점수 입력
결과
'JavaScript' 카테고리의 다른 글
| [JavaScript] 함수 특징 (0) | 2022.05.27 |
|---|---|
| [JavaScript] 함수 기초 (0) | 2022.05.27 |
| [JavaScript] 배열 (0) | 2022.05.27 |
| [JavaScript] 랜덤 수 찾기 (0) | 2022.05.27 |
| [JavaScript] 반복문 (0) | 2022.05.27 |