Prem Tiwari - - Web Technologies
In this jQuery program, I am going to share the addition of two numbers using jQuery. This is a very easy and simple program written in jQuery to calculate any two numbers.
Create an index.html file and include the jQuery file before head tag closed.
1 2 |
Copy paste below jQuery code inside the head tag.
1 2 3 4 5 6 7 8 9 | $(document).ready(function(){ $("#calculate").click(function () { var num1 = $("#num1").val(); var num2 = $("#num2").val(); var answer = parseInt(num1) + parseInt(num2); alert(answer); $("#answer").val(answer); }); }); |
Now copy the below HTML code and add to the index.html file inside the body tag.
1 2 3 4 |
Now open the index.html page in your browser and execute the program to see the output. Below is the complet code this program.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
See DEMO here,
See the live demo of above program by clicking on below Try it Yourself button.
Tags: CSS, HTML 5, Javasrcipt, Jquery, Tip and tricks
