以html格式显示javascript变量赢得'；行不通

我有一个脚本，我试图访问一个变量，然后有一个文本字段，在这里我可以输入数字，然后当点击“提交”按钮时，我想将“输入”添加到变量中，唯一的问题是我显示变量的代码无法工作

我的代码（html）：

我的代码（css）：

改变

 var amountSoFar : int = 1;

到

或

这是一个演示

var数量，int=1；
函数getInput（）{
var输入=document.getElementById（“输入”）.value；
amountSoFar=amountSoFar+输入；
警报（输入）；
}

#输入{
位置：绝对位置；
顶部：100px；
左边距：-100px；
左：50%；
}
#提交但{
位置：绝对位置；
顶部：120px；
左边距：-100px；
左：50%；
}

这句话令人费解：

 var amountSoFar : int = 1;

如果您试图声明一个类型，则不必这样做。Javascript将根据指定的值推断出它是一个数字。你可以这样做：

var amountSoFar = 1;

var amountSoFar=1；
$（'#表单'）。提交（函数（事件）{
event.preventDefault（）；
var input=$（'#input'）.val（）；
amountSoFar=parseInt（amountSoFar）+parseInt（input）；
$（'#amountSoFar'）。文本（amountSoFar）；
});

#输入{
位置：绝对位置；
顶部：100px；
左边距：-100px；
左：50%；
}
#提交{
位置：绝对位置；
顶部：120px；
左边距：-100px；
左：50%；
}

CSS和JS与原始示例相同。JS已更改为在

$（'#form'）.submit（）

上触发，因此它也可以使用enter键。它也被更新以更新页面上的live值

---

正在工作的JS小提琴：

这是什么？！！！var amountSoFar:int=1；我认为“：int”只是一种指定类型的尝试。我怀疑他是想说

amountSoFar=1

，因为没有使用“int”。@brianvaughn但在javascript中没有这样一种类型它可以工作，但为什么它只在大于1时显示变量数字，当它没有做任何事时，它不显示数字，但当你提交一个数字时，它会改变，你可以看到数字。你可以在里面放一个起始数字，或者设置javascript来初始化它。我的示例中没有起始编号，因为您的示例中没有起始编号。

 var amountSoFar : int = 1;

 var amountSoFar , int = 1;

var amountSoFar;
var int = 1;

 var amountSoFar : int = 1;

var amountSoFar = 1;