jQuery adding 2 numbers from input fields

Question

I am trying to add two values of alert boxes but I keep getting a blank alert box   I don t know why     document  ready function        var a       a   val        var b       b   val              submit   on  click   function            var sum   a   b          alert sum

User · Accepted Answer

Adding strings concatenates them    gt   1     1   11    You have to parse them into numbers first      parseFloat is used here      Because of it s not known that     whether the number has fractional places       var a   parseFloat     a   val         b   parseFloat     b   val       Also  you have to get the values from inside of the click handler      submit   on  click   function        var a   parseInt     a   val    10          b   parseInt     b   val    10         Otherwise  you re using the values of the textboxes from when the page loads

User · Answer

There are two way that you can add two number in jQuery  First way   var x   parseInt a    parseInt b   alert x     Second Way   var x   parseInt a 2   alert x     Now come your question  var a   parseInt     a   val      var b   parseInt     b   val     alert a b

User · Answer

Use this code for adding two numbers by using jquery    lt  DOCTYPE html gt       lt html lang  en-US  gt       lt head gt           lt title gt HTML Tutorial lt  title gt           lt script src  http   ajax googleapis com ajax libs jquery 1 9 1 jquery min js  gt  lt  script gt           lt meta charset  windows-1252  gt       lt script gt         document  ready function                submit   on  click   function            var a   parseInt     a   val             var b   parseInt     b   val                var sum   a   b              alert sum                          lt  script gt       lt  head gt       lt body gt          lt input type  text  id  a  name  option  gt          lt input type  text  id  b  name  task  gt       lt input id  submit  type  button  value  press me  gt        lt  body gt        lt  html gt

User · Answer

Ok so your code actually works but what you need to do is replace a and b in your click function with the jquery notation you used before the click  This will ensure you have the correct and most up to date values  so changing your click function to this should work      submit   on  click   function        var sum       a   val   match   d          b   val   match   d         alert sum                 or inlined to      submit   on  click   function        alert     a   val   match   d          b   val   match   d

User · Answer

This code works  can you compare it with yours    lt  DOCTYPE html gt   lt html lang  en-US  gt   lt head gt       lt title gt HTML Tutorial lt  title gt       lt script src  http   ajax googleapis com ajax libs jquery 1 9 1 jquery min js  gt  lt  script gt       lt meta charset  windows-1252  gt   lt script gt     document  ready function        var a       a   val        var b       b   val               submit   on  click   function            var sum   a   b          alert sum                       lt  script gt   lt  head gt   lt body gt      lt input type  text  id  a  name  option  gt       lt input type  text  id  b  name  task  gt    lt input id  submit  type  button  value  press me  gt    lt  body gt    lt  html gt

User · Answer

lt script type  text javascript  gt        document  ready function                  btnadd   on  click   function                  var n1   parseInt     txtn1   val                 var n2   parseInt     txtn2   val                 var r   n1   n2              alert  sum of 2 No      r               return false                          btnclear   on  click   function                      txtn1   val                      txtn2   val                      txtn1   focus                return false                       lt  script gt

[javascript] jQuery adding 2 numbers from input fields

Examples related to javascript

Examples related to jquery