sum of two textbox values into third textbox using javascript

0
()

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>

Download

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.

Read Also:  Laravel 6 Insert Update and Delete record from MySQL

How useful was this post?

Click on a star to rate it!

Free Live Chat for Any Issue