Javascript 用户输入平均 GPA 计算器-6ren

Javascript 用户输入平均 GPA 计算器

转载作者：行者123 更新时间：2023-12-03 09:42:59

24

4

我正在尝试在javascript的帮助下开发一个用户输入gpa计算器。逻辑是，用户只能输入A、B、C、D、F值。然后它会弹出平均结果。如果结果为 3.50 或以上，则弹出平均结果并表示祝贺，否则对平均结果表示抱歉。

我花了两天时间试图解决这个问题。但没有运气。你能给我任何提示来解决这个问题吗？如果我输入值，它会显示 NaN，但如果我保留为空，则会显示 0。

JSFiddle:https://jsfiddle.net/jL8p1g80/

<!DOCTYPE html>
    <html>
    <head>
        <title>GPA Calculation </title>
    </head>
    <body>


    <!-- Calculator html design start from here --> 


        <hr>
        <br>
        <h2>GPA Calculation</h2>
        <h3>Here use GPA Scale: A = 4; B = 3; C = 2; D = 1; F = 0</h3>

        <br>
    <CENTER>

    <!-- This is html form -->  
    <FORM Name="GPACalcForm">
    <TABLE BORDER=5 BGCOLOR=#C0C0C0 CELLPADDING="5" 
    CELLSPACING="2">
    <TH></TH>
    <TH>Grade</TH>

    <TR>
    <TD>Class 1</TD>
    <TD><INPUT TYPE=TEXT SIZE=5 NAME="GR1" ALIGN=TOP 
    MAXLENGTH=5></TD>

    </TR>
    <TR>
    <TD>Class 2</TD>
    <TD><INPUT TYPE=TEXT SIZE=5 NAME="GR2" ALIGN=TOP 
    MAXLENGTH=5></TD>

    </TR>
    <TR>
    <TD>Class 3</TD>
    <TD><INPUT TYPE=TEXT SIZE=5 NAME="GR3" ALIGN=TOP 
    MAXLENGTH=5></TD>

    </TR>
    <TR>
    <TD>Class 4</TD>
    <TD><INPUT TYPE=TEXT SIZE=5 NAME="GR4" ALIGN=TOP 
    MAXLENGTH=5></TD>
    </TR>



    <TR ALIGN=CENTER>
    <TD COLSPAN=3><INPUT TYPE="BUTTON" VALUE="Calculate" 
    NAME="CalcButton"
    OnClick="gpacalc()"></TD>
    </TR>
    </TABLE>
    </FORM>
    <BR>
    <P>

    <P>
    </CENTER>

    <BR>

<script type="text/javascript">

function gpacalc()
{
//define valid grades and their values
var gr = new Array(5); 
var cr = new Array(5);
var ingr = new Array(3);


// define valid grades and their values


var grcount = 5; 
gr[0] = "A";
cr[0] = 4;
gr[1] = "B";
cr[1] = 3;
gr[2] = "C";
cr[2] = 2;
gr[3] = "D";
cr[3] = 1;
gr[4] = "F";
cr[4] = 0;



// retrieve user input
ingr[0] = document.GPACalcForm.GR1.value;
ingr[1] = document.GPACalcForm.GR2.value;
ingr[2] = document.GPACalcForm.GR3.value;
ingr[3] = document.GPACalcForm.GR4.value;

// Calculate GPA
var allgr =0;
var gpa = 0;


for (var x = 0; x < 4; x++)
        {
        if (ingr[x] == "") break;  // if empty value then stop
        var validgrcheck = 0;
        for (var xx = 0; xx < grcount; xx++)
                {
                if (ingr[x] == gr[xx])
                        {
                        allgr = allgr + (parseInt(ingr[x],10)); 

                        validgrcheck = 1;
                        break;
                        }
                }
        if (validgrcheck == 0)
                {
                alert("Error- Please use standard college grades in the form of A B C D F.");
                return 0;
                }
        }

gpa = allgr;

if(eval(gpa) >=3.50) {

alert("CONGRATULATION! your GPA =  " + eval(gpa)); 

return 0;
    }
    else {
        alert("Thanks for try your GPA =  " + eval(gpa));
        return 0;
    }
}


</SCRIPT>


</div>

    <div class="footer">

    </div>
</body>
</html>

最佳答案

您的问题出在这一行(parseInt(ingr[x],10))。在这里，您尝试将字符(“A”、“B”等)解析为整数，结果为 NaN。相反尝试

allgr = allgr + (cr[x],10);

计算 GPA。

顺便说一句，我看不到计算平均值的逻辑。

关于Javascript 用户输入平均 GPA 计算器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31131020/

24

4

0

文章推荐： javascript - 循环链表未按预期工作(jquery)

文章推荐： javascript - 在 AJAX 函数执行时添加加载文本

ParaView 计算器 atan2
我目前正在尝试使用 ParaView Calculator-Filter 将给定的笛卡尔坐标 (x,y,z) 转换为球坐标 (r, theta, phi)，其中 theta 是极角，phi 是方位角。
JavaScript BMI 计算器
已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-top
C++计算器，不能被0除
我有这个问题，我想显示如果0/0，输出是:“不能将0除以自身”。如何调整我的代码以便可以显示该输出？如果是这样，我应该使用什么代码才能实现我的目标？下面是我的代码: #include using
支持负数的 ANTLR 计算器
我正在尝试创建一个也支持负数的计算器，并最终创建一个 lisp 风格的树。我像这样定义词法分析器规则: INT :'-'? [0-9]+ ; LBRACKET : '('; RBRACKET :
JavaScript 计算器 - 允许负数作为第一个操作数
我正在开发一个基本的 JavaScript 计算器，我也希望能够开始计算负数。现在，如果我在输入数字之前单击“-”，“-”将不会显示，因此我只能从正数开始。有人可以告诉我如何将其包含在我的代码中吗？
regex - 最小化正则表达式的程序/计算器
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
Java 计算器(我的第一个项目需要帮助)
这是我第一次尝试 Java。该项目是一个计算器，它需要一个数字、一个运算符(operator)信号(+、-、*、/)和另一个数字来创建方程并给出其最终值，然后询问用户是否要重新启动程序另一个方程或不是
带有按键响应的 Java 计算器
所以我写了这个脚本；它有点像我找到并拼凑起来的计算器的大杂烩。 KeyListener 来自 Java - oracle - .com 网站。顺便说一句，我对此非常陌生，不知道我在做什么。我正在尝试
支持负数的 ANTLR 计算器
我正在尝试创建一个也支持负数的计算器，并最终创建一个 lisp 风格的树。我像这样定义词法分析器规则: INT :'-'? [0-9]+ ; LBRACKET : '('; RBRACKET :
JavaScript 计算器 - 允许负数作为第一个操作数
我正在开发一个基本的 JavaScript 计算器，我也希望能够开始计算负数。现在，如果我在输入数字之前单击“-”，“-”将不会显示，因此我只能从正数开始。有人可以告诉我如何将其包含在我的代码中吗？
regex - 最小化正则表达式的程序/计算器
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
Java 计算器 - 在字符串输入中查找整数
我开始在java中创建一个计算器，我试图循环遍历字符串输入，如果输入中有任何整数，则将它们添加到ArrayList calcOperands中。在 parseInput() 方法中，我使用 charA
java，不使用整数(计算器)
我正忙着制作计算器，但不知怎的，整数没有被使用，我不知道为什么。我尝试修复它，但我不知道该怎么做。我使用带有事件的按钮来计算答案，也许有问题。这是我的代码:顺便说一句，我使用 Eclipse
Java GPA 计算器
我的主类中有这段代码。我的问题是，GPA 是用总分除以类(class)来计算的。它没有给我完整的号码。 EX，如果总数为 14，类(class)为 4，则为 3.5，我的代码只给我 3.0。有谁知道为
java - BlueJ 计算器
我需要创建一个可以加、减、乘、除、绝对值和舍入的计算器。这是我到目前为止所拥有的 import java.util.Scanner; public class Calculator { pub
Java Swing 计算器
我是一名 Java Noob，正在研究 GUI 计算器，但我刚刚来到这里..我已经有了按钮，我需要绑定(bind)这些数字并存储在运算符 ( + - */) 之间的某个位置以显示在我的 JTextAr
java - 计算器，无法按我想要的方式打印出来
这是我的作业。但是，我无法让结果发挥作用。我希望它打印出来为: > 2*7*6 2 * 7 ---- 14 * 6 ---- 84 等等。我希望无论我输入多少个数字，代码都能正常工作
java - 找不到符号(计算器)
这个问题已经有答案了: What does a "Cannot find symbol" or "Cannot resolve symbol" error mean? (18 个回答) 已关闭 6 年
C#语言，计算器
大家好，感谢您帮助我。我用 C# 制作了这个计算器，但遇到了一个问题。当我添加像 5+5+5 这样的东西时，它给了我正确的结果，但是当我想减去两个以上的数字并且还想除或乘以两个以上的数字时，我没有
JavaScript 计算器。如何停止多个操作数？
我一直在开发计算器作为自己的学习项目。它工作正常，只是我无法弄清楚如何阻止人们添加应用程序破坏输入，例如 1++-*/4。我尝试了各种方法，例如将当前显示拆分为一个数组，并将其与具有所有运算符的另一个

首页

博学

6Ren·AI

商城

Javascript 用户输入平均 GPA 计算器