使用HTML和Javascript添加/减去操作

使用HTML和Javascript添加/减去操作,javascript,html,Javascript,Html,我试图创建一个简单的HTML加减表,其中的值不超过10或低于0。我已经设置了两个函数additionalAdd和additionalSub使用onclick调用它们。但我不断收到错误,说totaladdions未定义。这是我用来存储总体值的变量 函数additionalSub(){ var totalAdditions=document.getElementById(“additionalExpenses”).innerHTML; 如果(TotalAddions>0){ 总数增加--; doc

我试图创建一个简单的HTML加减表,其中的值不超过10或低于0。我已经设置了两个函数
additionalAdd
additionalSub
使用
onclick
调用它们。但我不断收到错误,说
totaladdions
未定义。这是我用来存储总体值的变量

函数additionalSub(){
var totalAdditions=document.getElementById(“additionalExpenses”).innerHTML;
如果(TotalAddions>0){
总数增加--;
document.getElementById(“额外费用”).innerHTML=totalAdditions;
}
}
函数additionalAdd(){
var totalAdditions=document.getElementById(“additionalExpenses”).innerHTML;
如果(总添加量<10){
totalAdditions++;
document.getElementById(“额外费用”).innerHTML=totalAdditions;
}
}
.btn{
字体大小:30px;
宽度:50%;
光标:指针;
}
.价值{
字体大小:30px;
文本对齐:居中;
}

额外费用
0
-
+

您在if块中有一个输入错误

 var totalAdditions = document.getElementById("additionalExpenses").innerHTML;

  if (totalAddtions > 0) 

您在if块中有一个输入错误

 var totalAdditions = document.getElementById("additionalExpenses").innerHTML;

  if (totalAddtions > 0) 

您使用的TotalAddions拼写错误。并在函数外部定义它,而不是在函数内部

var totaladdions=0;
函数additionalSub(){
TotalAddions=document.getElementById(“additionalExpenses”).innerHTML;
如果(TotalAddions>0){
总加总--;
document.getElementById(“额外费用”).innerHTML=TotalAddions;
}
}
函数additionalAdd(){
TotalAddions=document.getElementById(“additionalExpenses”).innerHTML;
如果(总添加量<10){
TotalAddions++;
document.getElementById(“额外费用”).innerHTML=TotalAddions;
}
}
.btn{
字体大小:30px;
宽度:50%;
光标:指针;
}
.价值{
字体大小:30px;
文本对齐:居中;
}

额外费用
0
-
+

您使用的TotalAddions拼写错误。并在函数外部定义它,而不是在函数内部

var totaladdions=0;
函数additionalSub(){
TotalAddions=document.getElementById(“additionalExpenses”).innerHTML;
如果(TotalAddions>0){
总加总--;
document.getElementById(“额外费用”).innerHTML=TotalAddions;
}
}
函数additionalAdd(){
TotalAddions=document.getElementById(“additionalExpenses”).innerHTML;
如果(总添加量<10){
TotalAddions++;
document.getElementById(“额外费用”).innerHTML=TotalAddions;
}
}
.btn{
字体大小:30px;
宽度:50%;
光标:指针;
}
.价值{
字体大小:30px;
文本对齐:居中;
}

额外费用
0
-
+

这只是一个键入错误,您使用的是
totaladdions
而不是totalAdditionsHero!谢谢,我没看到那个Java!=JavaScriptComment@DaveTops javascript与Java不同,只是为了澄清这一点。Java是一种在虚拟机上运行的完全不同的语言。JavaSCRIPT是web语言。这只是一个键入错误,您使用的是
totaladdions
而不是totalAdditionsHero!谢谢,我没看到那个Java!=JavaScriptComment@DaveTops javascript与Java不同,只是为了澄清这一点。Java是一种在虚拟机上运行的完全不同的语言。JavaSCRIPT是web的语言。