hh
<html>
<head>
<style>
.boot:hover{
background-color:#222;
}
#screen{
font-family:gelvetica;
text-align:center;
font-size:18pt;
background-color:white;
width:316px;
height:60px;}
p{color:white}
td{background-color:#444}
table{background-color:#000;
border: 1px solid black;
margin:auto;
}
td{width:25%;
border: 1px solid black;}
</style>
</head>
<body>
<table cellspacing="2px" align="center" width="320px">
<tr height='100px'><td colspan='4'><div align='center' id='screen'></td></tr>
<tr>
<td class="boot" align='center' colspan="2" onclick='memsave()'><p>MS</p></td>
<td class="boot" align='center' onclick='memplus()'><p>M+</p></td>
<td class="boot" align='center' onclick='memminus()'><p>M-</p></td></tr>
<tr>
<td class="boot"><p align='center' onclick='fn("1")'>1</p></td>
<td class="boot"><p align='center' onclick='fn("2")'>2</p></td>
<td class="boot"><p align='center' onclick='fn("3")'>3</p></td>
<td class="boot"><p align='center' onclick='fn("+")'>+</p></td></tr>
<tr>
<td class="boot"><p align='center' onclick='fn("4")'>4</p></td>
<td class="boot"><p align='center' onclick='fn("5")'>5</p></td>
<td class="boot"><p align='center' onclick='fn("6")'>6</p></td>
<td class="boot"><p align='center' onclick='fn("-")'>-</p></td></tr>
<tr>
<td class="boot"><p align='center' onclick='fn("7")'>7</p></td>
<td class="boot"><p align='center' onclick='fn("8")'>8</p></td>
<td class="boot"><p align='center' onclick='fn("9")'>9</p></td>
<td class="boot"><p align='center' onclick='fn("*")'>*</p></td></tr>
<tr>
<td class="boot"><p align='center' onclick='fn("0")'>0</p></td>
<td class="boot"><p align='center' onclick='fn("/")'>/</p></td>
<td class="boot"><p align='center' onclick='square()'>x<sup>2</sup></p></td>
<td class="boot"><p align='center' onclick='sqrtt()'>√</p></td>
</tr>
<tr><td colspan="2" class="boot"><p align='center' onclick='calculation()'>=</p></td>
<td colspan="2" class="boot"><p align="center" onclick='funcu()'>C</td></tr>
</table>
<script type="text/javascript">
var scr=document.getElementById('screen');
var bb=0;
function fn(n){
scr.innerHTML+=n;
}
function funcu(){
scr.innerHTML='';
}
function calculation(){
scr.innerHTML=eval(scr.innerHTML);
}
function square(){
scr.innerHTML=Math.pow(eval(scr.innerHTML),2);
}
function sqrtt(){
scr.innerHTML=Math.sqrt(eval(scr.innerHTML));
}
function memsave(){
bb=eval(scr.innerHTML);
alert(bb);
}
function memplus(){
scr.innerHTML=eval(scr.innerHTML)+bb;
}
function memminus(){
scr.innerHTML=eval(scr.innerHTML)-bb;
}
</script>
</body>
</hlml>