使用 Javascript 将两个数字相加并在文本框中显示结果

Question

使用 Javascript 将两个数字相加并在文本框中显示结果

Say*_*eed 0 html javascript textbox function

我只是想编写一个简单的 javascript 程序，该程序将演示如何从文本字段获取用户输入，然后单击按钮将在另一个文本字段中显示这些数字的求和结果。但不幸的是下面的代码不起作用。单击该按钮不会在结果文本字段中显示任何内容。

<body>
    <div>
        <div>
            <h1>Add two number using text box as input using javascript</h1>
        </div>
            Enter First Number : <br>
            <input type="text" id="Text1" name="TextBox1">
            <br>
            Enter Second Number : <br>
            <input type="text" id="Text2" name="TextBox2">
            <br>
            Result : <br>
            <input type="text" id="txtresult" name="TextBox3">
            <br>
         <input type="button" name="clickbtn" value="Display Result" onclick="add_number()">

        <script type="text/javascript">
            function add_number(){
            var first_number = parseInt(document.getElementsById("Text1").value);
            var second_number = parseInt(document.getElementsById("Text2").value);
            var result = first_number + second_number;
            document.getElementById("txtresult").innerHTML = result;    
            }
        </script>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Mic*_*elo 6

这是一个工作小提琴： http: //jsfiddle.net/sjh36otu/

        function add_number() {

            var first_number = parseInt(document.getElementById("Text1").value);
            var second_number = parseInt(document.getElementById("Text2").value);
            var result = first_number + second_number;

            document.getElementById("txtresult").value = result;
        }

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，10 月前
查看次数：	165944 次
最近记录：	3 年，6 月前