我在用Javascript添加两个数字时犯了什么错误
What mistake I am doing while adding two numbers using Javascript
我尝试通过从文本框中获取值来添加两个数字,然后使用innerhtml进行计算并显示,但不起作用。我在这个代码中犯了什么错误?
<body onload="alert('Hey check out my Calculator')">
<h1 align="center" > functional calulator </h1>
<div class="Calculator" align="center">
<input type="text" name="text1" id="a1">Enter 1st Number <br><br>
<input type="text" name="text2" id="a2">Enter 2nd Number<br><br>
<button onclick="add()" >Add</button>
<p id="p1"></p>
<script type="text/javascript">
function add(){
var a = document.getElementById("a1").value;
var b = document.getElementByID("a2").value;
var total = a + b;
document.getElementById("p1").innerHTML = total;
}
</script>
您将它们作为字符串添加,以便将它们连接起来,您应该首先将它们解析为整数
var a = parseInt(document.getElementById("a1").value);
var b = parseInt(document.getElementById("a2").value);
var total = a + b;
document.getElementById("p1").innerHTML = total;
a,b是字符串。也许你想把它们解析成int?
试试这个-你犯了拼写错误-它的document.getElementById不是document.getElement ByID
<body onload="alert('Hey check out my Calculator')">
<h1 align="center" > functional calulator </h1>
<div class="Calculator" align="center">
<input type="text" name="text1" id="a1">Enter 1st Number <br><br>
<input type="text" name="text2" id="a2">Enter 2nd Number<br><br>
<button onclick="add()" >Add</button>
<p id="p1"></p>
<script type="text/javascript">
function add(){
var a = document.getElementById("a1").value;
var b = document.getElementById("a2").value;
var total = parseInt(a) + parseInt(b);
document.getElementById("p1").innerHTML = total;
}
</script>
getElementByID
应为var b = document.getElementById("a2").value;
中的getElementById
并对您的a和b执行parseInt()
,将它们视为一个数字。
<body onload="alert('Hey check out my Calculator')">
<h1 align="center"> functional calulator </h1>
<div class="Calculator" align="center">
<input type="text" name="text1" id="a1">Enter 1st Number
<br>
<br>
<input type="text" name="text2" id="a2">Enter 2nd Number
<br>
<br>
<button onclick="add()">Add</button>
<p id="p1"></p>
<script type="text/javascript">
function add() {
var a = document.getElementById("a1").value;
var b = document.getElementById("a2").value;
var total = parseInt(a) + parseInt(b);
document.getElementById("p1").innerHTML = total;
}
</script>
相关文章:
- 如何在这里将两个值最低的数字相加
- 计算HTML表TD中两个数字之间的百分比
- 如何使用 JavaScript 将两个数字相加
- 用于添加两个数字的javascript闭包的用法
- 通过变量在两个数字之间切换
- 在数字字符串的最后两个数字上加上小数
- 在HTML/JavaScript中减去两个数字
- 用于获取两个方括号之间的数字的正则表达式
- 把两个数字加在一起,得到5+10=510,而不是15
- 敲除:如何对两个数字输入进行双向绑定
- 正则表达式允许字母数字和空格,但不允许连续两个空格
- 在 JavaScript 中使用最后两个数字获取年份
- 对于大的数字,在这个本地化函数上强制使用两个小数
- javascript中的函数重载使两个函数名称相同,但输入数字不同
- jquery json 返回添加两个数字的数据
- 添加两个数字,并使用Javascript在文本框中显示结果
- 添加两个数字的JavaScript函数工作不正常
- 在JavaScript中递归地添加任意两个数字
- Javascript正则表达式匹配多个单词中至少一个以数字开头的单词,但至少匹配两个单词
- 正则表达式用于验证两个范围之间的数字