Home / JavaScript / Add two number of text box :- JavaScript

Add two number of text box :- JavaScript

-

  • ParseInt() is used to convert from string to integer value.It must use, because when get the value from text box, in a default data type is string.
  • document.getElementById("txt1").value = "" this is empty the tex1 html element value.
  • ans = parseInt(t1) + parseInt(t2) in this line variable t1 and t2 is convert to integer and add using + operator.
  • Code:- 
  2. <html> 
  3.  
  4. <head> 
  5.  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  6.  
  7.  <script> 
  8.   function showanswer() 
  9.   { 
  10.    var t1 = document.getElementById("txt1").value; 
  11.    var t2 = document.getElementById("txt2").value; 
  12.    var ans = parseInt(t1) + parseInt(t2); 
  13.  
  14.    document.getElementById("txt3").value = ans; 
  15.   } 
  16.  
  17.   function cleartxt() 
  18.   { 
  19.    document.getElementById("txt1").value = ""; 
  20.    document.getElementById("txt2").value = ""; 
  21.    document.getElementById("txt3").value = ""; 
  22.   } 
  23.  </script> 
  24.  
  25. </head> 
  26.  
  27. <body> 
  28.  
  29.  Enter First Value : 
  30.  <input type="text" id="txt1"> 
  31.  <br> 
  32.  <br> Enter Second Value : 
  33.  <input type="text" id="txt2"> 
  34.  <br> 
  35.  <br> Answer : 
  36.  <input type="text" id="txt3"> 
  37.  <br> 
  38.  <br> 
  39.  <input type="button" value="Answer" onclick="showanswer();"> 
  40.  <br> 
  41.  <br> 
  42.  <input type="button" value="Clear" onclick="cleartxt();"> 
  43.  
  44. </body> 
  45.  
  46. </html>
Add two number of text box :- JavaScript Add two number of text box :- JavaScript Reviewed by Network security on November 13, 2019 Rating: 5

No comments:

Subscribe to: Post Comments ( Atom )

Useful Information

Powered by Blogger.