sadet48 - basit hesap makinesi

Hesap Makinesi

<!DOCTYPE html>
<html>
<head>
<title>Hesap Makinesi</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
	margin: 0;
	padding: 0;
}
#hesapMakinesi {
	background: rgba(135,0,0,1);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: fixed;
	padding: 0 25px;
}
#hm_form {
	background: rgba(255,100,135,1);
	border-radius: 5px;
	margin: 10px;
	padding: 0px;
	border: 1px solid #bcd;;
	position: relative;
	width: 250px;
	height: 300px;
	float:left;

}
#hm_form h1 {
	font-family: Arial;
	color: #fff;
	font-size: 18px;
	background: transparent;
	text-align: center;
	padding-top: 5px;
}
#hm_form > #sonuc {
	font-family: Consolas;
	font-size: 20px;
	color: #000;
	text-align: right;
	padding-right: 5px;
	border: 1px solid #cde; 
	border-radius: 5px;
	position: relative;
	top: 5px;
	left: 5px;
	width: 250px);
	height: 30px;
}
#hm_form > .btn {
	font-family: Consolas;
	font-size: 16px;
	color: #555;
	text-align: center;
	background: #fff;
	border: 2px solid #cde;
	border-radius: 50%;
	-webkit-transition: all 1s;
	transition: all 1s;
	margin-top: 2px;
	margin-left: 1px;
	width: 45px;
	height: 45px;
}
#hm_form > .btn:hover {
	color: #f00;
	background: #fff;
	border: 2px solid #f00;
	-webkit-transition: all 1s;
	transition: all 1s;
	cursor: pointer;
}
</style>
</head>
<body id="hesapMakinesi">
<form name="hm" id="hm_form">
	<h1>Hesap Makinesi</h1>
				<input type="text" value=" " name="sec" id="sonuc" autofocus><br/><br/>
		<input type="button" value="1" class="btn" name="1" onclick="hm.sec.value +='1'">
		<input type="button" value="2" class="btn" name="2" onclick="hm.sec.value +='2'">
		<input type="button" value="3" class="btn" name="3" onclick="hm.sec.value +='3'">
		<input type="button" value="+" class="btn" name="arti" onclick="hm.sec.value +='+'">
		<input type="button" value="–" class="btn" name="eksi" onclick="hm.sec.value +='-'">
		<input type="button" value="4" class="btn" name="4" onclick="hm.sec.value +='4'">
		<input type="button" value="5" class="btn" name="5" onclick="hm.sec.value +='5'">
		<input type="button" value="6" class="btn" name="6" onclick="hm.sec.value +='6'">
		<input type="button" value="×" class="btn" name="carp" onclick="hm.sec.value +='*'">
		<input type="button" value="/" class="btn" name="bol" onclick="hm.sec.value +='/'">
		<input type="button" value="7" class="btn" name="7" onclick="hm.sec.value +='7'">
		<input type="button" value="8" class="btn" name="8" onclick="hm.sec.value +='8'">
		<input type="button" value="9" class="btn" name="9" onclick="hm.sec.value +='9'">
		<input type="button" value="0" class="btn" name="0" onclick="hm.sec.value +='0'">
		<input type="button" value="." class="btn" name="nokta" onclick="hm.sec.value +='.'">
		<input type="button" value="π" class="btn" name="pi" onclick="hm.sec.value += '3.14'">
		<input type="button" value="₍" class="btn" name="p_ac" onclick="hm.sec.value +='('">
		<input type="button" value="₎" class="btn" name="p_kapa" onclick="hm.sec.value +=')'">
		<input type="button" value="=" class="btn" name="esit" onclick="hm.sec.value = eval(hm.sec.value)">
		<input type="button" value="C" class="btn" name="sil" onclick="reset()";>
	</form>
</body>
</html>