Question

5

Add two numbers and display result in textbox with Javascript

rated 0 times [ 9] [ 4] / answers: 1 / hits: 161547 / 10 Years ago, sat, february 14, 2015, 12:00:00

I was just trying to write a simple javascript program that will demonstrate to take user input from text field, and clicking the button will display the summation result of those number in another text field. But unfortunately the below code is not working. Clicking the button does not show anything in the result text field.

<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>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

ariel

Add To Favorites

Follow

Total Points: 523

Total Questions: 111

Total Answers: 100

Location: Anguilla

Member since Sun, Jan 29, 2023

1 Year ago

answered 10 Years ago charity · Accepted Answer

Here a working fiddle: 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;

        }