JQuery计算按钮滚动

我目前正在做一个项目，为我当地的学校计算你的平均成绩。它的工作原理如下。你可以输入你的成绩，然后它会动态计算（当你输入数据时）。我最近添加了一个计算按钮，该按钮在按下计算按钮之前不显示GPA。问题是，当按下计算按钮时，将显示另一个输入更多等级的插槽。我相信这是因为下面的代码也被调用了

$('.btn').click(function() {
  $('.block').last().clone().children().val("").parent().appendTo($('.inner-box'));
});

我的目标是，当按下计算按钮时，它只显示GPA结果，而不是像当前那样显示另一个输入部分。我还想保留添加类按钮的功能，该按钮添加了输入部分

var$oBox=$（'.outer box'）；
变量$gpa=$（“#gpa”）；
var$result=$（'.result'）.hide（）；
$（'.btn'）。单击（函数（）{
$（'.block'）.last（）.clone（）.children（）.val（“”.parent（）.appendTo（$（'.inner box'））；
});
$oBox.on（'keyup'，'.credits'，function（）{
$gpa.text（getTotal（））；
});
$oBox.on（“更改”，“.grade选择”，函数（）{
});
函数getTotal（）{
var gradeTotal=0；
var总和=0；
$（“.credits”）。每个（函数（）{
var$this=$（this）；
如果（！isNaN（$this.val（））和&！isNaN（$this.parent（）.find（'.grade select'）.val（）））{
sum+=parseFloat（$this.val（）| | 0）*parseFloat（$this.parent（）.find（'.grade select'）.val（）| | 0）；
gradeTotal+=parseFloat（$this.val（）| | 0）
}
});
返回值（总和/总等级）。toFixed（2）；
}
$（“#计算”）。在（“单击”，函数（）{
$gpa.text（getTotal（））；
$result.is（“：hidden”）&&&$result.show（）；
$（'html，body'）。设置动画({
scrollTop:$（文档）.height（）
}“慢”）；
返回false；
});
正文{
背景色：#A00000；
背景尺寸：封面；
保证金：0；
填充：0；
}
.外箱{
边框：3倍纯黑；
身高：真；
宽度：75%；
填充：10px；
保证金：10px自动10px自动；
边界半径：10px；
背景色：白色；
}
.街区{
保证金：5px；
}
.类{
边框：1px纯色灰色；
边界半径：5px；
宽度：150px；
高度：35px；
利润率：10px；
填充物：5px；
}
.学分{
边框：1px纯色灰色；
边界半径：5px；
宽度：100px；
高度：35px；
利润率：10px；
填充物：5px；
}
.等级选择{
边框：1px纯色灰色；
边界半径：5px；
宽度：100px；
高度：35px；
利润率：10px；
填充物：5px；
}
.btn{
边框：2件纯黑；
边界半径：5px；
宽度：150px；
高度：35px；
利润率：10px；
填充物：5px；
字体大小：粗体；
文本对齐：居中；
}
.结果{
边框：2件纯黑；
边界半径：5px；
宽度：200px；
高度：100px；
保证金：20px自动20px自动；
填充物：5px；
字体大小：粗体；
文本对齐：居中；
}
#平均成绩{
字号：4rem；
颜色：黑色；
字体大小：粗体；
}



信用
半年
全年


等级
A+
A.
B+
B
C+
C
D
F
添加类


算计
平均成绩
是，只需对以下代码进行注释，它不会插入另一个块，只会根据您的目标显示结果

$('.btn').click(function() {
  //$('.block').last().clone().children().val("").parent().appendTo($('.inner-box'));
});

或者，要使“添加类”按钮正常工作，需要按以下方式更改代码

<div id='btnAddClass' class='btn btn-default'>Add Class</div>

 $('#btnAddClass').click(function() {
      $('.block').last().clone().children().val("").parent().appendTo($('.inner-box'));
    });

添加类
$（'#btnAddClass'）。单击（函数（）{
$（'.block'）.last（）.clone（）.children（）.val（“”.parent（）.appendTo（$（'.inner box'））；
});
因为如果我替换该段，它将阻止“添加类”按钮工作。在现有代码中，只需像我上面所做的那样注释掉代码部分。我已使用注释签入代码段，它将按照您的预期工作