javascript - 在 html 中显示 javascript 变量将不起作用

Question

我有一个脚本，我试图在其中访问一个变量，然后有一个文本字段，我可以在其中输入数字，然后在单击“提交”按钮时，我希望添加“输入”对于变量，唯一的问题是我用于显示变量的代码无法正常工作。

我的代码(html):

    <form id="form" onsubmit="return false;">
    <input style="width:100px;" type="text" id="Input" />
    <input style="width: 100px;" type="submit" id="submitBut" onclick="getInput();" />
</form>

<a href="#">current amount is: <span id="amountSoFar"></span></a>

我的代码(javascript):

     var amountSoFar : int = 1;

function getInput() {
    var input = document.getElementById("Input").value;
    amountSoFar = amountSoFar + input;
    alert(input);
}

我的代码(css):

 #Input{
    position: absolute;
    top: 100px;
    margin-left: -100px;
    left: 50%;
}

#submitBut{ 
    position: absolute;
    top: 120px;
    margin-left: -100px;
    left: 50%;    
}

Answer 1

这一行令人费解:

 var amountSoFar : int = 1;

如果您尝试声明一个类型，则没有必要。 Javascript 将根据分配的值推断它是一个数字。你可以这样做:

var amountSoFar = 1;