无法通过javascript从输入字段中选择值

时间:2017-05-27 12:06:22

标签: javascript html

<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个数字,点击添加按钮,他将得到这两个输入的总和。 为此,我有第一个和第二个输入的两个输入字段,一个输入字段用于显示sum之后的结果,还有一个添加按钮。 所以这是我的java脚本函数。

function add() {
                    var FirstNumber = document.getElementById("Text1").Value
                    var SecondNumber = document.getElementById("Text2").Value
                    document.getElementById("ResultArea").Value = FirstNumber + SecondNumber;
                }

我不知道这个问题是什么,但它无论如何都无法正常工作。当给出输入并单击添加按钮时,没有响应,没有错误,没有...

2 个答案:

答案 0 :(得分:1)

错字更改value而不是ValueV没有大写字母。因为JavaScript区分大小写。您需要{ {1}}使用parseFloat()的字符串。然后只执行添加

parse
function add() {
  var FirstNumber = document.getElementById("Text1").value
  var SecondNumber = document.getElementById("Text2").value
  document.getElementById("ResultArea").value = parseFloat(FirstNumber)+ parseFloat(SecondNumber);
}

答案 1 :(得分:0)

function add() {
                    var FirstNumber = document.getElementById("Text1").value
                    var SecondNumber = document.getElementById("Text2").value
                    document.getElementById("ResultArea").value = Number(FirstNumber) + Number(SecondNumber);
                }