Javascript 如何使用函数减小值

嘿，实际上我制作了一个html页面，当我点击第一部分时，页面上有两个部分，数字增加，当我点击第二部分时，第二部分的数字增加。我使用了javascript。现在我在每页的底部做了一个按钮。我想当我点击那个按钮时，数字应该会减少。我尝试了很多方法，但每次都失败了 当你运行snipet点击开始按钮时，你会看到我想要的减号按钮，当我点击该按钮时，分数会下降

angular.module（'scoreKeeper'，[]）。
控制器（'score'，['$scope'，函数（$scope）{
$scope.gameInfo={
游戏开始：错，
servesSinceSwitch:0，
scoreSwitchMode:0，
玩家数量：2}；
$scope.team1={
姓名：“第一队”，
分数：0，
发球：假}；
$scope.team2={
姓名：“第二队”，
分数：0，
发球：假}；
$scope.player1={
名称：“P1”，
服侍：真}；
$scope.player2={
名称：“P2”，
服侍：真}；
$scope.player3={
名称：空，
发球：假}；
$scope.player4={
名称：空，
发球：假}；
$scope.startGame=function（）{$scope.gameInfo.gameStarted=true；}；
$scope.players=函数（n）{
$scope.gameInfo.numberOfPlayers=n；
如果（n==2）{
$scope.player3.name=null；
$scope.player4.name=null；
}否则{
$scope.player3.name=“P3”；
//$scope.player3.serving=true；
$scope.player4.name=“P4”；
//$scope.player4.serving=true；
}
};
$scope.addPoint=函数（i）{
//开始游戏，给赢得拉力赛的人上发球课
if（！$scope.team1.serving&！$scope.team2.serving）{
$scope['team'+i].serving=true；
$scope.footer.message=“游戏开始！”；
}否则{
//增加球员的得分、自上次切换以来的发球次数和当前最高得分
$scope['team'+i]。分数++；
$scope.gameInfo.servesSinceSwitch++；
$scope.gameInfo.highestScore=Math.max（$scope.team1.score，$scope.team2.score）；
//Echo谁领先或是否平手
如果（$scope.team1.score>$scope.team2.score）{
if（$scope.player3.name）{
$scope.gameInfo.teamWithHighScore=$scope.team1.name；
}否则{
$scope.gameInfo.teamWithHighScore=$scope.player1.name；
}
$scope.footer.message=$scope.gameInfo.teamWithHighScore+“处于领先地位”；
}否则如果（$scope.team1.score<$scope.team2.score）{
if（$scope.player3.name）{
$scope.gameInfo.teamWithHighScore=$scope.team2.name；
}否则{
$scope.gameInfo.teamWithHighScore=$scope.player2.name；
}
$scope.footer.message=$scope.gameInfo.teamWithHighScore+“处于领先地位”；
}else if（$scope.team1.score==$scope.team2.score）{
$scope.footer.message=“游戏打成平局”；
}
如果（$scope.team1.score==10&&$scope.team2.score==10）{
$scope.gameInfo.scoreSwitchMode=1；
}
//计算出发球是否在5秒前切换
如果（$scope.gameInfo.servesSinceSwitch==5&&$scope.gameInfo.scoreSwitchMode==0）{
$（“.team”）.toggleClass（“团队服务”）；
$scope.team1.serving=！$scope.team1.serving；
$scope.team2.serving=！$scope.team2.serving；
如果（$scope.gameInfo.numberOfPlayers==4）{
if（$scope.team1.服务）{
$scope.player1.serving=！$scope.player1.serving；
$scope.player3.serving=！$scope.player3.serving；
}否则{
$scope.player2.serving=！$scope.player2.serving；
$scope.player4.serving=！$scope.player4.serving；
}
}
$scope.gameInfo.servesSinceSwitch=0；
//或在1之前
}else if（$scope.gameInfo.scoreSwitchMode==1）{
$（“.team”）.toggleClass（“团队服务”）；
$scope.team1.serving=！$scope.team1.serving；
$scope.team2.serving=！$scope.team2.serving；
如果（$scope.gameInfo.numberOfPlayers==4）{
if（$scope.team1.服务）{
$scope.player1.serving=！$scope.player1.serving；
$scope.player3.serving=！$scope.player3.serving；
}否则{
$scope.player2.serving=！$scope.player2.serving；
$scope.player4.serving=！$scope.player4.serving；
}
}
}
//看看比赛是否结束，谁赢了
if（Math.abs（$scope.team1.score-$scope.team2.score）>=2&&$scope.gameInfo.highestScore>=21）{
$（“.scoreBoard”）.addClass（“暗显”）；
$scope.footer.message=“游戏结束！”+$scope.gameInfo.teamWithHighScore+“胜利！”；
}
}
};
$scope.footer={
信息：“为发球而集合”}；
}]);

*{
框大小：边框框；
}
身体{
填充：0；
保证金：0；
高度：100vh；
宽度：100vw；
字体系列：无衬线；
背景：ECF0C9；
}
.得分{
显示器：flex；
证明内容：中心；
对齐项目：居中；
弹性：1；
位置：固定；
高度：90vh；
宽度：100%；
z指数：999；
颜色：#ECF0C9；
字体大小：20vmax；
指针事件：无；
}
.得分>跨度{
弹性：1；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.屏幕{
位置：固定；
排名：0；
左：0；
底部：0；
右：0；
保证金：0；
填充：0；
显示器：flex；
弯曲方向：立柱；
}
.记分牌{
弹性：1；
显示器：flex；
证明内容：之间的空间；
}
.团队{
颜色：#ECF0C9；
弹性：1；
显示器：flex；
弯曲方向：立柱；
}
.team.team-1{
保证金权利：4px；
}
.团队，团队-1.球员，对吗{
背景#45B29D；
边缘顶部：2倍；
}
.队.队-1.球员左{
背景#DF5A49；
}
.team.team-1.发球{
顺序：1；
}
1.发球不是发球{
顺序：-1；
}
.team.team-2{
左边距：4倍；
}
.队.队-2.球员左{
背景：#E27A3F；
边缘顶部：2倍；
}
.团队，团队2.球员，对吗{
背景：#EFC94
<div class="team team-1" ng-click="addPoint(1)" ....>
 <h3  type="button"  id="subt1" style="...">-</h3></div>    
</div>

ng-click="addPoint(-1)" 

 <h3  type="button" ng-click="addPoint(-1)"  id="subt1" style="...">-</h3></div>    

<div class="team team-1" ng-click="addPoint(1)" ....>
 <h3  type="button"  id="subt1" style="...">-</h3></div>    
</div>

 <h3  type="button" ng-click="addPoint(-1)"  id="subt1" style="...">-</h3>

 <header  ng-click="addPoint(1, 1)" ng-class="{'serving__isServing':player1.serving, 
 <h3   ng-click="addPoint(2, -1)"    type="button"  id="subt1" 

 $scope.addPoint = function (i, points_to_add)