在javascript中访问HTML表单值

以下是我试图实现的目标，但由于某些原因，它不起作用：

Javascript:

HTML:

---

我不确定我哪里出错了，有人能帮忙吗？

你不应该用数字开始ID-在HTML4和CSS it中，在HTML5中是允许的，但这样做不是好的做法

此外，在这种情况下，它在HTML5中是非法的——作为以数字开头的ID

因此，首先用字母/单词替换编号的ID

除此之外，您还需要修复以下提到的语法错误：

将getElementByIdid.value替换为document.getElementByIdid.value

---

另外，替换你不应该以数字开始ID，在HTML4和CSS中，它是允许的，在HTML5中，它是允许的，但这样做不是好的做法

此外，在这种情况下，它在HTML5中是非法的——作为以数字开头的ID

因此，首先用字母/单词替换编号的ID

除此之外，您还需要修复以下提到的语法错误：

将getElementByIdid.value替换为document.getElementByIdid.value

并替换HTML：

这将添加输入的两个数值，而不是将它们串联起来。

HTML:

---

这将添加输入的2个数值，而不是将它们串联起来。

@user125697有趣的是，HTML5现在允许使用数字启动ID；然而，这里的ID在CSS和HTML5中仍然是完全非法的——因为HTML5要求ID中至少有一个字符：@SamCreamer-Hey！请随意接受我的答案，如果它有帮助的话，检查一下如何做，非常感谢@user125697有趣的是，HTML5现在允许使用数字启动ID；然而，这里的ID在CSS和HTML5中仍然是完全非法的——因为HTML5要求ID中至少有一个字符：@SamCreamer-Hey！请随意接受我的答案，如果它有帮助的话，检查一下如何做，非常感谢！

<script type="text/javascript">         
  function  calculate() {             
     var n1 = getElementById("1").value
     var n2 = getElementById("2").value
     var answer = n1+n2
     alert(answer)
  }
</script>

<form id="form">
<input id="1" type="text" />
<input id="2" type="text" />
<input type="button onClick="calculate()" value="Go" />
</form>

function  calculate() {
   var n1 = document.getElementById("aItem").value;
   var n2 = document.getElementById("bItem").value;
   var answer = n1+n2;
   alert(answer);
}

<form id="form">
   <input id="aItem" type="text" />
   <input id="bItem" type="text" />
   <input type="button" onClick="calculate()" value="Go"/>
</form>

<input id="val1" type="text" value="100" />
<input id="val2" type="text" value="200"/>
<input type="button" onclick="calculate()" value="Go" />

function  calculate() {
          var n1 = +(document.getElementById("val1").value);
          var n2 = +(document.getElementById("val2").value);
          var answer = n1+n2;
          alert(answer);
         }