My Calculator

by Zuhaib Siddiqui

HTML

<div id="wrapper">
<form name="calc">
<input type="text" name="Input" id="result" class="form-control" size="16">
<div class="row">
    
<div class="col-xs-5">
<fieldset class="full-row">
<input type="button" name="clear" class="btn btn-primary" value="c" OnClick="calc.Input.value = ''">
<input type="button" name="DoIt" class="btn btn-primary" value="=" OnClick="calc.Input.value = eval(calc.Input.value)">   
<input type="button" name="zero" class="btn btn-primary" value="0" OnClick="calc.Input.value += '0'"> 
<input type="button" name="nine" class="btn btn-primary" value="9" OnClick="calc.Input.value += '9'">
</fieldset>
    
<fieldset class="full-row">
<input type="button" name="five" class="btn btn-primary" value="5" OnClick="calc.Input.value += '5'">   
<input type="button" name="six" class="btn btn-primary" value="6" OnClick="calc.Input.value += '6'">
<input type="button" name="seven" class="btn btn-primary" value="7" OnClick="calc.Input.value += '7'">
<input type="button" name="eight" class="btn btn-primary" value="8" OnClick="calc.Input.value += '8'"> 
</fieldset>
    
<fieldset class="full-row">
<input type="button" name="one" class="btn btn-primary" value="1" OnClick="calc.Input.value += '1'">   
<input type="button" name="two" class="btn btn-primary" value="2" OnClick="calc.Input.value += '2'">   
<input type="button" name="three" class="btn btn-primary" value="3" OnClick="calc.Input.value += '3'"> 
<input type="button" name="four" class="btn btn-primary" value="4" OnClick="calc.Input.value += '4'">
</fieldset>

<fieldset class="full-row">

</fieldset>
</div>
    
<div class="col-xs-5 col-xs-offset-2">
<fieldset class="full-row">
<input type="button" name="divide" class="btn btn-primary" value="/" OnClick="calc.Input.value += '/'"> 
<input type="button" name="multiply" class="btn btn-primary" value="*" OnClick="calc.Input.value += '*'">   
<input type="button" name="plus" class="btn btn-primary" value="+" OnClick="calc.Input.value += '+'"> 
<input...

CSS

#wrapper{
   padding:15px;
}
input{
    margin-bottom:10px;
}
fieldset{
    font-weight:bold;
}
.full-row{
    padding:10px;
}
.btn{
    font-size: 15px;
    font-weight: bold;
    padding: 5px 15px;
}

JavaScript

function mySquareRoot()
{    
   var mynumber = Math.sqrt(calc.input.value);
   //alert(mynumber);
    return mynumber;
}