JavaScript Örnekleri – Dört İşlem

JavaScript Örneklerimize text kutularına girilen iki sayı üzerinde kullanıcının butonlar yardımıyla dört işlem yapmasını sağlayan kod ile devam ediyoruz. Konu sonunda kodları test edebilirsiniz.

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>http://www.bilisimogretmeni.com/</title>
<script type="text/javascript">
function toplam() {
var deger1 = parseInt(document.getElementById('sayi1').value);
var deger2 = parseInt(document.getElementById('sayi2').value);
document.getElementById('sonuc').value = deger1 + deger2;
}
function cikartma() {
var deger1 = parseInt(document.getElementById('sayi1').value);
var deger2 = parseInt(document.getElementById('sayi2').value);
document.getElementById('sonuc').value = deger1 - deger2;
}
function carpma() {
var deger1 = parseInt(document.getElementById('sayi1').value);
var deger2 = parseInt(document.getElementById('sayi2').value);
document.getElementById('sonuc').value = deger1 * deger2;
}
function bolme() {
var deger1 = parseInt(document.getElementById('sayi1').value);
var deger2 = parseInt(document.getElementById('sayi2').value);
document.getElementById('sonuc').value = deger1 / deger2;
}
</script>
</head>
<body>
<input type="text" id="sayi1" /> <input type="text" id="sayi2" />
<br />
<input type="button" value="+" id="topla" onclick="toplam()" />
<input type="button" value="-" id="fark" onclick="cikartma()" />
<input type="button" value="*" id="carp" onclick="carpma()" />
<input type="button" value="/" id="bol" onclick="bolme()" /><br />
Sonuç<br /><input type="text" id="sonuc" />
</body>
</html>

[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/en6b6d26/” style=”width:100%; height:150px; border:solid #4173A0 1px;”]

  • Cihan Dündar

    merhaba acilen bu örneğin şu halini bana yazabilirmisiniz : sayılar rasgele gelicek ve doğru yanlış kutusu olucak yazdığımız cevaplara göre. doğru yanlış sayısı artacak sürekli tabii. ACİL YARDIM LÜTFENN

X

Pin It on Pinterest

X