JavaScript(Function)_Exam_01

2024. 10. 14. 19:33·JavaScript/기초 내용 정리

2024-10-14

 

 

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>

        /*
            성적 처리 프로그램을 만들어 보자.
            1. 키보드로 이름, 국거점수, 영어점수, 수학점수 입력을 받자.
            2. 총점 함수, 평균 함수, 학점 함수를 만들어서 성적을 처리하자.
            3. 처리 결과를 화면에 출력해 보자.
        */

        //  1. 키보드로 이름, 국어점수, 영어점수, 수학점수 입력을 받자.
        let name = prompt("이름을 입력하세요...");
        let kor = Number(prompt ("국어 점수 입력..."));
        let eng = Number(prompt ("영어 점수 입력..."));
        let mat = Number(prompt ("수학 점수 입력..."));

        //  2. 총점을 구하자. ==> 총점을 구하는 함수 호출.
        //     각 과목의 점수를 총점을 구하는 함수로 넘겨 주어야 함.
        let sum = total(kor, eng, mat);

        //  3. 평균을 구하자. ==> 평균을 구하는 함수 호출.
        //     총점의 평균을 구하는 함수로 넘겨 주어야 함.
        let avg = average(sum);

        //  4. 학점을 구하자. ==> 학점을 구하는 함수 호출.
        //     평균을 학점을 구하는 함수로 넘겨주어야 함.
        let hak = grade(avg);

        //  5. 성적 결과를 화면에 출력해 보자.
        document.write(`이 름 : ${name} <br>`);
        document.write(`국어점수 : ${kor} 점 <br>`);
        document.write(`영어점수 : ${eng} 점 <br>`);
        document.write(`수학점수 : ${mat} 점 <br>`);
        document.write(`총 점 : ${sum} 점 <br>`);
        document.write(`평 균 : ${avg.toFixed(3)} 점 <br>`);
        document.write(`학 점 : ${hak} <br>`);

        function total(k, e, m) {
            return k + e + m;
        }

        function average(tot) {
            return tot / 3;
        }

        function grade(avg) {
            let 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학점"
            }
            return grade;
        }

    </script>
</head>
<body>
    
</body>
</html>

 

'JavaScript > 기초 내용 정리' 카테고리의 다른 글

JavaScript(Object)_02  (0) 2024.10.15
JavaScript(Object)_01  (0) 2024.10.15
JavaScript(Function)_04  (0) 2024.10.14
JavaScript(Function)_03  (0) 2024.10.14
JavaScript(Function)_02  (0) 2024.10.14
'JavaScript/기초 내용 정리' 카테고리의 다른 글
  • JavaScript(Object)_02
  • JavaScript(Object)_01
  • JavaScript(Function)_04
  • JavaScript(Function)_03
mw41817
mw41817
일생의 개발 기록 저장소
  • mw41817
    IT 개발 일지
    mw41817
    • Index (487)
      • HTML (36)
        • 기초 내용 정리 (36)
      • CSS (29)
        • 기초 내용 정리 (29)
      • JavaScript (60)
        • 기초 내용 정리 (60)
      • JQuery (38)
        • 기초 내용 정리 (38)
      • Java (232)
        • 기초 내용 정리 (232)
      • JSP (46)
        • 기초 내용 정리 (46)
      • Spring, Boot (31)
        • 기초 내용 정리 (31)
      • DB (5)
        • Oracle SQL (5)
      • Code WorkBook (6)
        • programmers (6)
        • Baekjoon (0)
      • 기타 (1)
        • 유용한 사이트 (3)
  • 전체
    오늘
    어제
  • 글쓰기 관리
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 카테고리
    • 주인장 GitHub
  • 공지사항

  • 인기 글

  • 태그

    html #코딩 #프로그래밍 #기초
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.0
mw41817
JavaScript(Function)_Exam_01
상단으로

티스토리툴바