<script>
function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string)
{obj.expr.value += string}
function clear(obj)
{obj.expr.value = ''}
</script>
<p align="center">
                       <span style="color: rgb(0, 0, 0); font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16px;"><strong></strong></span><strong> </strong>
</p>
                     
<form name="calc">
                                          
   <div align="center">
                                             
      <center>
                                                
         <table td="" class="stones16" bgcolor="#FFEAFF" border="1">
                                                   
            <tbody>
                                                      
               <tr>
                                                         
                  <td colspan="4">
                                         <input size="30" name="expr" action="compute(this.form)" type="text" />                     
                  </td>
                                                         
               </tr>
                                                      
               <tr>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" 7 " onclick="enter(this.form, seven)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" 8 " onclick="enter(this.form, eight)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" 9 " onclick="enter(this.form, nine)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" / " onclick="enter(this.form, divide)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
               </tr>
                                                      
               <tr>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" 4 " onclick="enter(this.form, four)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" 5 " onclick="enter(this.form, five)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" 6 " onclick="enter(this.form, six)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" * " onclick="enter(this.form, multiply)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
               </tr>
                                                      
               <tr>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" 1 " onclick="enter(this.form, one)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" 2 " onclick="enter(this.form, two)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" 3 " onclick="enter(this.form, three)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" - " onclick="enter(this.form, minus)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
               </tr>
                                                      
               <tr>
                                                         
                  <td colspan="2">
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" 0 " onclick="enter(this.form, zero)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" . " onclick="enter(this.form, decimal)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td>
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" + " onclick="enter(this.form, plus)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
               </tr>
                                                      
               <tr>
                                                         
                  <td colspan="2">
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value=" = " onclick="compute(this.form)" type="button" />                     
                     </p>
                                                            
                  </td>
                                                         
                  <td colspan="2">
                                                            
                     <p td="" class="stones15" align="center">
                                            <input value="AC" onclick="clear(this.form)" type="reset" />                     
                     </p>
                                                            
                  </td>
                                                         
               </tr>
                                                      
            </tbody>
                                                   
         </table>
                                                
      </center>
                                             
   </div>
</form>
                     
<p td="" class="stones15" align="center">
                                            
</p>
                     
<p td="" class="stones15" align="center">
                       <a <p="" align="center"> </a>
</p><a <p="" align="center"> </a>
<p style="">
                                            
</p><a <p="" align="center">  </a>  <strong> </strong> 



<style type="text/css">

.stones16{
background: linear-gradient(red, blue, green);
  padding:5px;
  font-size: 13px;
    margin: 26px ;
    border-color: ;
    border-radius: 10px;
  border-style:solid;
    border-width:2px;   
    border-color: green;
    padding: 2px; 
  border-radius: 18px 18px 18px 18px;
  text-align:center;

}


.stones15{
background:#000000;
    border-style:solid;
    border-width:2px;   
    border-color:red;
    padding: 2px;
  border-radius: 20%;
  text-align:center;
 
 

}

.stones15:hover{
background:#FAF8CC;

}


.stones11{
background:#000000;

}


</style>