123<meta charset= "Utf-8" >4<title>jquery Implementation </title>5<script src= "Jquery.js" ></script>6 7<style type= "Text/css" >8table{background-color:pink;width:300px;height:200px;}9td{text-Align:center;}Ten</style> One A<script language= "JavaScript" > -$ ("document"). Ready (function(){ -$ ("#b1"). Click (function(){ the varnum1=$ ("#num1"). Val (); - varnum2=$ ("#num2"). Val (); - varNum3=eval (NUM1) +eval (num2); -$ ("#num3"). Val (num3); + - }); + A$ ("#b2"). Click (function(){ at varnum1=$ ("#num1"). Val (); - varnum2=$ ("#num2"). Val (); - varNum3=eval (NUM1)-eval (num2); -$ ("#num3"). Val (num3); - }); - in$ ("#b3"). Click (function(){ - varnum1=$ ("#num1"). Val (); to varnum2=$ ("#num2"). Val (); + varNum3=eval (NUM1) *eval (num2); -$ ("#num3"). Val (num3); the }); * $$ ("#b4"). Click (function(){Panax Notoginseng varnum1=$ ("#num1"). Val (); - varnum2=$ ("#num2"). Val (); the varNum3=eval (NUM1)/eval (num2); +$ ("#num3"). Val (num3); A }); the }); +</script> - $<body> $<center> -<form action= "" method= "POST" > -<table border= "1px" > the<tr> -<td> Digital 1:</td>Wuyi<td><input type= "text" id= "NUM1"/></td> the</tr> -<tr> Wu<td> Digital 2:</td> -<td><input type= "text" id= "num2"/></td> About</tr> $<tr> -<td> Results:</td> -<td><input type= "text" id= "num3"/></td> -</tr> A<tr> +<TD colspan= "4" > the<input type= "button" value= "Plus" id= "B1"/> -<input type= "button" value= "Minus" id= "B2"/> $<input type= "button" value= "multiply" id= "B3"/> the<input type= "button" value= "except" id= "B4"/> the</td> the</tr> the</table> -</form> in<center> the</body> thetable{Background-Color:pink; color:red; } </style>functionAdd () {varNum1=document.getelementbyid ("Num1"). Value; varNum2=document.getelementbyid ("num2"). Value; if(parseint (NUM1) = =NUM1) { varnum1=parseint (NUM1); }Else{ varnum1=parsefloat (NUM1); NUM1=parsefloat (Num1.tofixed (2)); } if(parseint (num2) = =num2) { varNum2=parseint (num2); }Else{ varNum2=parsefloat (num2); Num2=parsefloat (num2.tofixed (2));/*decimal tail is accurate to 2*/} document.getElementById ("Num3"). value=num1+num2; } functionreduce () {varNum1=document.getelementbyid ("Num1"). Value; varNum2=document.getelementbyid ("num2"). Value; if(parseint (NUM1) = =NUM1) { varnum1=parseint (NUM1); }Else{ varnum1=parsefloat (NUM1); NUM1=parsefloat (Num1.tofixed (2)); } if(parseint (num2) = =num2) { varNum2=parseint (num2); }Else{ varNum2=parsefloat (num2); Num2=parsefloat (num2.tofixed (2));/*decimal tail is accurate to 2*/} document.getElementById ("Num3"). value=num1-num2; } functionmultiplication () {varNum1=document.getelementbyid ("Num1"). Value; varNum2=document.getelementbyid ("num2"). Value; if(parseint (NUM1) = =NUM1) { varnum1=parseint (NUM1); }Else{ varnum1=parsefloat (NUM1); NUM1=parsefloat (Num1.tofixed (2)); } if(parseint (num2) = =num2) { varNum2=parseint (num2); }Else{ varNum2=parsefloat (num2); Num2=parsefloat (num2.tofixed (2));/*decimal tail is accurate to 2*/} document.getElementById ("Num3"). value=num1*num2; } functionDivision () {varNum1=document.getelementbyid ("Num1"). Value; varNum2=document.getelementbyid ("num2"). Value; if(parseint (NUM1) = =NUM1) { varnum1=parseint (NUM1); }Else{ varnum1=parsefloat (NUM1); NUM1=parsefloat (Num1.tofixed (2)); } if(parseint (num2) = =num2) { varNum2=parseint (num2); }Else{ varNum2=parsefloat (num2); Num2=parsefloat (num2.tofixed (2));/*decimal tail is accurate to 2*/} document.getElementById ("Num3"). value=num1/num2; } </script></body>Jquery/javascript implement a simple Web calculator