while/js_0608_practice01_while.html

<!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>Document</title>
</head>

<body>
    <!-- 學生1 國文=>60 英文=>70 數學=>80
    <br>
    學生1 總分=>210 平均=> 70 -->

    <script>
        // while練習1 成績加總
        // 輸入學生數量 input
        // studnet1 國文
        // studnet1 英文
        // studnet1 數學

        // 練習二
        // 計算全班平均分數
        // 全部總分 / 學生數量

        // 最後畫面顯示
        // 計算總分 與 平均分數
        //
        // 學生1 國文=>60 英文=>70 數學=>80
        // 學生1 總分=>210 平均=> 70

        // 學生2 國文=>70 英文=>80 數學=>90
        // 學生2 總分=>240 平均=> 80


        // 練習1 成績加總
        // 輸入學生數量 input
        // let input = 1;
        let input = Number(prompt('請輸入學生數量'));
        // console.log('input',input);

        // for (let index = 0; index < array.length; index++) {
        //     const element = array[index];

        // }

        let i = 1;
        while (i <= input) {
            console.log(`第${i}個人`);
            // code start
            // studnet1 國文
            // studnet1 英文
            // studnet1 數學

            let chinese = Number(prompt(`學生${i}請輸入國文分數`));
            let english = Number(prompt(`學生${i}請輸入英文分數`));
            let math = Number(prompt(`學生${i}請輸入數學分數`));

            // string => number

            // chinese 20
            // english 30
            // 2030 string字串相加

            // number

            // chinese = prompt(`學生${i}請輸入國文分數`);
            // let newChinese = Number(chinese);
            // let newChinese = parseInt(chinese);

            let sum = chinese + english + math;
            let avg = sum / 3;

            console.log('chinese', chinese);
            console.log('english', english);
            console.log('math', math);
            console.log('sum', sum);
            console.log('avg', avg);

            // 最後畫面顯示
            // 計算總分 與 平均分數
            //
            // 學生1 國文=>60 英文=>70 數學=>80
            // 學生1 總分=>210 平均=> 70

            document.write(`國文=>${chinese} 英文=>${english} 數學=>${math}<br>`);
            document.write(`學生1 總分=>${sum} 平均=> ${avg}<br><br>`);

            // 學生2 國文=>70 英文=>80 數學=>90
            // 學生2 總分=>240 平均=> 80

            // code end
            i++;
        }

        //while其他基礎練習
        
        //let k = 1 ;
        //let sumtzu = 0 ;
        //while(i <= 10){
        //    sumtzu += i ;
        //    i++; //i=i+1;
        //}
        //console.log(`sumtzu => ${sumtzu});

        //大多時候建議用for迴圈

    </script>
</body>

</html>