Bu yazımızda form içerisinde kullanıcıdan sayıları alarak kullanıcı butona bastığında, kullanıcının radio öğeleriyle yapmış olduğu seçime bağlı olarak sayıların toplamı, farkı, çarpımı ya da bölümünü fonksiyon kullanarak hesaplayacağız ve ekranda göstereceğiz. Örneğimizde if- else if yapısını kullanarak kullanıcının seçmiş olduğu seçeneğe göre işlem yapacağız. html kodları ve ekran çıktısı aşağıdaki gibidir.1.Yöntem:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 |
<!DOCTYPE html> <html> <head> <title>www.yazilimkodlama.com</title> <meta charset="utf-8"> </head> <body> <h1>JavaScript Dört İşlem</h1> <form name="toplam"> <label>1. Sayı : </label> <input type="text" id="sayi1"><br><br> <label>2. Sayı : </label> <input type="text" id="sayi2"><br><br> <input type="radio" name="islem" value="Topla" id="topla"> Topla <input type="radio" name="islem" value="Çıkar" id="cikar"> Çıkar <input type="radio" name="islem" value="Çarp" id="carp"> Çarp <input type="radio" name="islem" value="Böl" id="bol"> Böl <br> <input type="button" id="btnHesap" value="HESAPLA"> </form> <br> <div id="kutuToplam"></div> <script> var btn=document.getElementById("btnHesap"); btn.onclick=function(){ var s1=Number(document.getElementById("sayi1").value); var s2=Number(document.getElementById("sayi2").value); var sonuc; if(document.getElementById("topla").checked) { sonuc=s1+s2; } else if(document.getElementById("cikar").checked) { sonuc=s1-s2; } else if(document.getElementById("carp").checked) { sonuc=s1*s2; } else if(document.getElementById("bol").checked) { sonuc=s1/s2; } else { sonuc="Seçim Yapın..." } document.getElementById("kutuToplam").innerHTML="Sonuç : "+sonuc; } </script> </body> </html> |
2.Yöntem: Bu yöntemimizde işlemlerimiz için ayrı fonksiyonlar oluşturacağız ve button.onclick olayında bu fonksiyonlara parametre göndererek return ifadesiyle dönen sonucu yazdıracağız.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 |
<!DOCTYPE html> <html> <head> <title>www.yazilimkodlama.com</title> <meta charset="utf-8"> </head> <body> <h1>JavaScript Dört İşlem</h1> <form name="toplam"> <label>1. Sayı : </label> <input type="text" id="sayi1"><br><br> <label>2. Sayı : </label> <input type="text" id="sayi2"><br><br> <input type="radio" name="islem" value="Topla" id="topla"> Topla <input type="radio" name="islem" value="Çıkar" id="cikar"> Çıkar <input type="radio" name="islem" value="Çarp" id="carp"> Çarp <input type="radio" name="islem" value="Böl" id="bol"> Böl <br> <input type="button" id="btnHesap" value="HESAPLA"> </form> <br> <div id="kutuToplam"></div> <script> function Topla(s1,s2){ return s1+s2; } function Fark(s1,s2){ return s1-s2; } function Carp(s1,s2){ return s1*s2; } function Bol(s1,s2){ return s1/s2; } var btn=document.getElementById("btnHesap"); btn.onclick=function(){ var s1=Number(document.getElementById("sayi1").value); var s2=Number(document.getElementById("sayi2").value); var sonuc; if(document.getElementById("topla").checked) { sonuc=Topla(s1,s2); } else if(document.getElementById("cikar").checked) { sonuc=Fark(s1,s2); } else if(document.getElementById("carp").checked) { sonuc=Carp(s1,s2); } else if(document.getElementById("bol").checked) { sonuc=Bol(s1,s2); } else { sonuc="Seçim Yapın..." } document.getElementById("kutuToplam").innerHTML="Sonuç : "+sonuc; } </script> </body> </html> |
Ekran Çıktısı :
Diğer Örnekler:
- JavaScript Hipotenüs Hesaplama Örneği
- JavaScript Sayısal Loto Örneği
- JavaScript Varmısın Yokmusun Örneği
- JavaScript Dizi İçindeki En Büyük En Küçük Sayıyı Bulma Örneği
- JavaScript Dikdörtgen Alan ve Çevre Hesaplama Örneği
- JavaScript Asal Sayı Kontrol Etme Örneği
- JavaScript Daire Alanı ve Çevresini Hesaplama Örneği
- JavaScript Faktoriyel Hesaplama Örneği
- JavaScript While Döngüsü Örnekleri
- JavaScript Metin İçinde Arama Yapma Örneği
- JavaScript Switch Case Kullanımı Örneği
- JavaScript Rastgele Sayı Üretme Örneği
- JavaScript Girilen Sayının Negatif Pozitif Olduğunu Bulan Örnek
- JavaScript Sayfa Arkaplan Rengini Rastgele Değiştirme Örneği
- JavaScript Dizi Metotları Örnekleri
- JavaScript Km-Mil Çevirme Örneği
- JavaScript Derece-Fahrenayt Çevirme Örneği
- JavaScript Gün İsmini Ekrana Yazdırma Örneği
- JavaScript Sayı Tahmin Oyunu Örneği
- JavaScript Console Log Kullanımı
- JavaScript Kürenin Hacmini Hesaplama Örneği
- JavaScript Üçgenin Alanını Hesaplama Örneği
- JavaScript Çarpım Tablosu Örneği
- JavaScript 3′ e ve 5′ e Tam Bölünebilme Örneği
- JavaScript Karenin Alanı ve Çevresini Hesaplama Örneği
- JavaScript Yazılı Ortalaması Hesaplama Örneği
- JavaScript Try-Catch-Finally Kullanımı Örneği
- JavaScript Div İçeriğini Temizleme Örneği
- JavaScript Switch-Case Kullanımı Örneği
- JavaScript Buttona tıklandığında Kod Çalıştırma Örneği
- JavaScript events(olay) kullanımı Örnekleri
- JavaScript For Döngüsü Karışık Örnekler
- JavaScript Tarih ve Saat Yazdırma Örneği
- JavaScript Fonksiyon Kullanımı Örneği
- JavaScript Vize Final Hesaplama Örneği
- JavaScript onInput Olay Kullanımı Örneği
- JavaScript Kayan Yazı Örneği
- JavaScript Kombinasyon Hesaplama
- JavaScript radio Kullanarak Dört İşlem Örneği
- JavaScript Toplama Çıkarma Çarpma Bölme Örneği
- JavaScript Sayfayı Tam Ekran Yapma Örneği
- JavaScript Fare Konumunu Öğrenme Örneği
- JavaScript Object Kullanımı Örneği
- JavaScript Kalan Karakter Bulma- Karakter Sayma Örneği
- JavaScript Mükemmel Sayı Kontrol Etme Örneği
yaptım herşey çok güzel eline saglık ama sonuç çıkmıyor yani ekranda göstermiyor