Jquery Calculator Example

0

<!DOCTYPE html>
<html>
<head>
 <title></title>
 <script src="jq.js" type="text/javascript"></script>
 <script type="text/javascript">
 s='';
  $(document).ready(function(){
    
      $(".btn").click(function(){
    
       $(".txtresult").html($(".txtresult").html()+$(this).val());

      });
       $(".btneql").click(function(){
        $(".txtresult").html(eval($(".txtresult").html()));

      });

  });
 /* function calc(v)
  {
  
   document.getElementByclass("txtresult").innerHTML=document.getElementByclass("txtresult").innerHTML+v;
  }
  function sol()
  {
   document.getElementByclass("txtresult").innerHTML=eval(document.getElementByclass("txtresult").innerHTML);
   }
   function cleardata()
   {
    document.getElementByclass("txtresult").innerHTML=" ";
   }*/

 </script>
</head>
<body>

<div  class="txtresult" >
</div>
<br>
<br>
<button class="btn" value="0">0</button>
<button class="btn" value="1">1</button>
<button class="btn" value="2">2</button>
<button class="btn" value="3">3</button>
<button class="btn" value="4">4</button>

<br>
<br>
<button class="btn">5</button>
<button class="btn">6</button>
<button class="btn">7</button>
<button class="btn">8</button>
<button class="btn">9</button>
<br>
<br>

<button class="btn" value="+" >+</button>
<button class="btn" value="-" >-</button>

<button class="btn" value="*" >*</button>


<button class="btn" value="/" >/</button>
<button  class="btn" value="%" >%</button>
<br>
<br>
<button class="btn" >.</button>
<button class="btnclear">C</button>
<button class="btneql">=</button>
</body>
</html>

Tags

Post a Comment

0Comments

POST Answer of Questions and ASK to Doubt

Post a Comment (0)