<center>
<div class="css-toggle">Hesap makinesini Aç<span>
<meta charset="UTF-8">
<title>Hesap Makinesi | Sozlugum.ml</title>
<script>
function insert(num) {
document.form.text.value = document.form.text.value + num;
}
function equal() {
var exp = document.form.text.value;
if (exp){
document.form.text.value=eval(exp);
}
}
function c() {
document.form.text.value="";
}
function back() {
var exp = document.form.text.value;
document.form.text.value = exp.substring(0,exp.length-1);
}
</script> <style type="text/css">
*{
margin: 0px;
padding: 0px;
}
.button{outline:0;
width: 50px;
height: 50px;
font-size: 25px;
margin: 2px;
cursor: pointer;
background: #698ea0;
border: none;
color: white;
}
.text{
width: 200px;
margin: 5px;
font-size: 25px;
border: none;
color: #698ea0;
padding:5px 7px 5px 7px;
}
.main{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%)translateY(-50%);
}
</style>
<div class="bg">
<div style="height:400; width:200px: background-color:#dddddd;">
<form class="main">
</form>
</div>
<div class="main">
<form name="form" action="">
<input style="outline:0; border:2px solid blue;" class="text" name="text" type="text" />
</form>
<table>
<tbody>
<tr>
<td><input class="button" type="button" value="C" onclick="c()" /></td>
<td><input class="button" type="button" value="<" onclick="back()" /></td>
<td><input class="button" type="button" value="/" onclick="insert('/')" /></td>
<td><input class="button" type="button" value="*" onclick="insert('*')" /></td>
</tr>
<tr>
<td><input class="button" type="button" value="7" onclick="insert(7)" /></td>
<td><input class="button" type="button" value="8" onclick="insert(8)" /></td>
<td><input class="button" type="button" value="9" onclick="insert(9)" /></td>
<td><input class="button" type="button" value="-" onclick="insert('-')" /></td>
</tr>
<tr>
<td><input class="button" type="button" value="4" onclick="insert(4)" /></td>
<td><input class="button" type="button" value="5" onclick="insert(5)" /></td>
<td><input class="button" type="button" value="6" onclick="insert(6)" /></td>
<td><input class="button" type="button" value="+" onclick="insert('+')" /></td>
</tr>
<tr>
<td><input class="button" type="button" value="1" onclick="insert(1)" /></td>
<td><input class="button" type="button" value="2" onclick="insert(2)" /></td>
<td><input class="button" type="button" value="3" onclick="insert(3)" /></td>
<td rowspan="2"><input class="button" style="height: 106px" type="button" value="=" onclick="equal('=')" /></td>
</tr>
<tr>
<td colspan="2"><input class="button" style="width: 106px" type="button" value="0" onclick="insert(0)" /></td>
<td><input class="button" type="button" value="." onclick="insert('.')" /></td>
</tr>
</tbody>
</table>
</div>
</div>
</meta>
</span></div>
<style type="text/css">.css-toggle{
color:black;
background-color:#dddddd;
margin-top:20;
font-family:arial;
width:210px;
font-size:20px;
height:50px;
margin-lower:20;
line-height:50px;
}
.css-toggle:hover span{display:block;}
.css-toggle span{
display:none;
} </style></center>
