sum of two textbox values into third textbox using javascript

Today, We want to share with you sum of two textbox values into third textbox using javascript.In this post we will show you how to concatenate two textbox values in javascript, hear for addition of two textbox values in jquery we will give you demo and example for implement.In this post, we will learn about how to add two numbers in javascript using textbox with an example.

how to multiply value of two textboxes into the third text box in javascript?

HTML Code

<input type="text" id="input1"  onkeyup="sum();" />
<input type="text" id="input2"  onkeyup="sum();" />
<input type="text" id="input3" />

JavaScript Code

 function sum() {
       var inputFirstNumberValue = document.getElementById('input1').value;
       var inputSecondNumberValue = document.getElementById('input2').value;
       if (inputFirstNumberValue == "")
           inputFirstNumberValue = 0;
       if (inputSecondNumberValue == "")
           inputSecondNumberValue = 0;

       var outputs = parseInt(inputFirstNumberValue) + parseInt(inputSecondNumberValue);
       if (!isNaN(outputs)) {
           document.getElementById('input3').value = outputs;
       }
   }

Source Code

index.html


<input type="text" id="input1"  onkeyup="sum();" />
<input type="text" id="input2"  onkeyup="sum();" />
<input type="text" id="input3" />
<script>
function sum() {
    var inputFirstNumberValue = document.getElementById('input1').value;
    var inputSecondNumberValue = document.getElementById('input2').value;
    var outputs = parseInt(inputFirstNumberValue) + parseInt(inputSecondNumberValue);
    if (!isNaN(outputs)) {
        document.getElementById('input3').value = outputs;
    }
}
</script>

I hope you get an idea about jquery sum of textbox values.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.