<form id="form1">
<table style="border:1px solid black ; font-family : Arial">
<tr>
<td>
First Number
</td>
<td>
<input id="Text1" type="text"/>
</td>
</tr>
<tr>
<td>
Second Number
</td>
<td>
<input id="Text2" type="text"/>
</td>
</tr>
<tr>
<td>
Resut
</td>
<td>
<input id="ResultArea" type="text"/>
</td>
</tr>
<tr>
<td>
<input id="AddButton" type="button" value="Add" onclick="add()" />
</td>
</tr>
</table>
</form>
我正在通过 JavaScript 制作简单的程序,用户可以在其中输入 2 个数字,然后通过单击“添加”按钮,他将获得这两个输入的总和。 为此,我有两个输入字段用于第一个和第二个输入,一个输入字段用于显示求和后的结果,还有一个添加按钮。 这是我的 java 脚本函数。
function add() {
var FirstNumber = document.getElementById("Text1").Value
var SecondNumber = document.getElementById("Text2").Value
document.getElementById("ResultArea").Value = FirstNumber + SecondNumber;
}
我不知道问题出在哪里,但无论如何它都不起作用。当输入并单击添加按钮时,没有响应,没有错误,什么都没有..
最佳答案
拼写错误更改value
而不是Value
。V
不大写。因为JavaScript区分大小写。并且您需要使用parseFloat()
解析
字符串.然后只执行加法
function add() {
var FirstNumber = document.getElementById("Text1").value
var SecondNumber = document.getElementById("Text2").value
document.getElementById("ResultArea").value = parseFloat(FirstNumber)+ parseFloat(SecondNumber);
}
<form id="form1">
<table style="border:1px solid black ; font-family : Arial">
<tr>
<td>
First Number
</td>
<td>
<input id="Text1" type="text" />
</td>
</tr>
<tr>
<td>
Second Number
</td>
<td>
<input id="Text2" type="text" />
</td>
</tr>
<tr>
<td>
Resut
</td>
<td>
<input id="ResultArea" type="text" />
</td>
</tr>
<tr>
<td>
<input id="AddButton" type="button" value="Add" onclick="add()" />
</td>
</tr>
</table>
</form>
关于javascript - 无法通过 javascript 从输入字段中选取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44216644/