sadet48 - JavaScript Basit Hesap Makinesi

JavaScript ile Hesap Makinesi

<!DOCTYPE html>
<html>
<head>
	<title>JavaScript ile Hesap Makinesi</title>
<meta charset="utf-8">
<style>
*{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans',sans-serif;
	font-size: 20px;
}
body {background: #FFFFFF}
form h1{color: #DA4444;background:#FFFFFF;text-align: center; padding: 5px;}
form label{color: #080548;text-align: left;padding: 5px}
@page {margin: 6in 9in;}
@media print {form h1,form label{font-size: 16px;padding: 5px;}}
</style>
</head>
<body>
<form style="background: #2d7;">
<h1 style="margin-bottom: 10px;">HESAP MAKİNESİ</h1>
<label>Sayı 1:</label><input type="text" id="sy1" name="sy1"><br>
<label>Sayı 2:</label><input type="text" id="sy2" name="sy2"><br>
<label>Seçim</label>
	<select id="islemiSec" style="border:none">
		<option value="+">+</option>
		<option value="-">-</option>
		<option value="*">*</option>
		<option value="/">/</option>
	</select><br>		
<label>Sonuç:</label><input type="text" id="sonuc" name="sonuc"><br><br>
<button type="button" onclick="hesapla()">Hesapla</button>
<button type="reset" onclick="sil()">Sil</button><br><br>	
</form>

<script>
function hesapla() {
var s1 = parseInt(document.getElementById('sy1').value);
var s2 = parseInt(document.getElementById('sy2').value);
var secilenIslem = document.getElementById('islemiSec').value;
		if(secilenIslem === "+")
		{
			document.getElementById('sonuc').value= s1+s2;
		}
		if(secilenIslem === "-")
		{
			document.getElementById('sonuc').value= s1-s2;
		}
		if(secilenIslem === "*")
		{
			document.getElementById('sonuc').value= s1*s2;
		}
		if(secilenIslem === "/")
		{
			document.getElementById('sonuc').value= s1/s2;
		}
	}
</script>
</body>
</html>