用JS制作一个简易GPA计算器

最新推荐文章于 2021-11-21 23:38:45 发布

Give me your paw.

最新推荐文章于 2021-11-21 23:38:45 发布

阅读量848

点赞数 1

分类专栏：学习文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/qq_43568746/article/details/103888988

版权

学习专栏收录该内容

13 篇文章

订阅专栏

本文介绍了作者初次尝试使用JavaScript编写的一个简易GPA计算器，虽然目前程序容错性还有待完善，但已能完成基本功能。欢迎经验丰富的开发者提出改进意见。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是我第一次使用JS，有问题的地方还希望大佬指出
程序的容错性还没做到完美，日后补充

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>GPA计算工具</title>
    <script>
        function getNum() {
            document.getElementById("in").innerHTML="";
            var cnum = Number(document.getElementById("cNum").value);
            var content;
            for (i = 0; i < cnum; i++) {
                content = document.getElementById("res").innerHTML;
                document.getElementById("in").innerHTML = content + "<br>第" + (i + 1) + "门成绩：  <input id=\"sc" + i +
                    "\" type=\"number\"> 学分：<input id=\"cr" + i + "\" type=\"number\">";
            }
            content = document.getElementById("res").innerHTML;
            document.getElementById("in").innerHTML = content + "<br><button οnclick=\"deal()\">计算</button>";
        }

        function getcr(x) {
            if (x < 60) return Number(0.0);
            else if (x <= 63) return Number(1.0);
            else if (x <= 67) return Number(1.5);
            else if (x <= 71) return Number(2.0);
            else if (x <= 74) return Number(2.3);
            else if (x <= 77) return Number(2.7);
            else if (x <= 81) return Number(3.0);
            else if (x <= 84) return Number(3.3);
            else if (x <= 89) return Number(3.7);
            else return Number(4.0);
        }

        function deal() {
            var score = [];
            var credit = [];
            var cnum = Number(document.getElementById("cNum").value);
            for (i = 0; i < cnum; i++) {
                score.push(Number(document.getElementById("sc" + i).value));
                credit.push(Number(document.getElementById("cr" + i).value));
            }
            var total = 0.0;
            for (i = 0; i < cnum; i++) {
                total = total + credit[i];
            }
            var res = 0.0;
            for (i = 0; i < cnum; i++) {
                res = res + (credit[i] / total) * getcr(score[i]);
            }
            if(isNaN(res) || res<0) alert("抱歉，发生了错误！\n请检查有无漏项或者输入的某个学分为零或负数\n请修正后重新点击计算按钮")
            else alert("您的GPA为" + res + "\n您可以点击刷新进行第二次使用!");
        }
    </script>
</head>

<body>
    课程数:<br>
    <input id="cNum" type="number"><br>
    <button onclick="getNum()">下一步</button>
    <div id="res"></div><br><br><br>
</body>

</html>