Javascript Fonksiyonlar -2


 

Javascript Fonksiyonlar

Bir önceki yazımda javascript fonksiyonlarının ne olduğuna ve nerelerde kullanıldığına genel olarak değinmiştim. O yazıya erişmek isterseniz buraya tıklamanız yeterlidir. Bu yazı ise daha fazla sayıda fonksiyon öğrenip kullanım senaryolarıyla örnekler yapacağız.

confirm( )

Bu fonksiyonu, kalıcı değişikliklerde ya da önemli verilerin silinme, taşınma gibi durumlarda kullanıcıdan tekrar onay almak için kullanırız. Böyle önemli durumlarda hatayı önlemek için bu fonksiyonu kullanabiliriz. Bir örnek vermek gerekirse; bir web sitesinde form doldurup sunucuya, verilen adrese kaydedip göndereceğiz. Ama biz bu formu tam olarak doldurmadan ya da bir bilgi girişini atlayarak kaydede bastık. Bu kısımda göndermek istediğinize emin misiniz, diye onay kutusu gelebilir. İşte burada confirm fonksiyonu kullanılarak kullanıcının emin olması ya da olası durumu tekrar kontrol etmesi  halinde evet/hayır cevabına göre işleme devam edilir. Bir diğer kullanım alanı ise tarayıcılarda sekmeleri aniden kapatmak istediğimiz de yine bize onay kutusu gelir sekmelerde işlem devam ediyor kalıcı olarak kapatmak ister misiniz, gibi durumlarda confirm fonksiyonunu kullanabiliriz.

Aşağıdaki gibi bir formumuz olduğunu düşünelim.

Göndere tıkladıktan sonra ekrana formu göndermek ister misiniz, diye soru soruluyor.

Tamam butonuna  bastığımızda;

İptal butonun bastığımız da ise ekrana mesaj geliyor.

Şimdi hep beraber bunları confirm metodu nasıl yaptığımıza bakalım.

    function kontrol() // Kullanıcının onayını almak için kontrol adında bir fonksiyon oluşturuyoruz.
        {
        if(confirm("Formu göndermek istediğinize emin misiniz?") == true)
          // (parantez içine mesaj kutusunda göstermek istediğimiz mesajı yazıyoruz.
          //Gelen boolen değerine göre if/else girerek duruma göre uygun işlemin kodunuz yazıyoruz.
        {
            alert("Form başarı ile gönderildi.");
        }
        else
        {
            alert("Formu doldurun!!");
        }
    }

 

Hesap Makinesi Örneği

Nerdeyse her programlama dilinde ‘Hello World” yazmak adet ise biz de fonksiyonları öğrenirken basit bir hesap makinesi yapalım. O zaman basitçe iki sayı ile dört işlem yapan basit bir hesap makinesi düşünelim. Siz isterseniz math veya benzer kütüphaneleri kullanarak ya da kendinizin yazdığı fonksiyonlarla ile daha karışık matematik hesaplaması yapan hesap makinesi fonksiyonu da yazabilirsiniz.

Öncelikle bu hesaplamayı yapacak olan fonksiyona iki sayı değerini ve yapılacak olan işlemin parametre olarak verilmesini bekleriz.

Ardından koşullar ile işlemi kontrol edip işlemin ne olduğuna karar verdikten sonra uygun olan hesaplama işlemini yaparız.

    function HesapM(a,b,islem)
    {
        var sonuc;
        if(islem == '+')
        {
            function topla(a,b) //Toplama işlemi için oluşturulan fonksiyon
            {
                return a+b;
            }
            sonuc = topla(a,b); // Toplama fonksiyonunu çağırıp geri dönüş değerini sonuc'a atadık.
        }
        else if (islem == "-")
        {
            function cıkarma(a,b)
            {
                return a-b;
            }
            sonuc = cıkarma(a,b);

        }
        else if(islem == "*")
        {
            function carpma(a,b)
            {
                return a*b;
            }
            sonuc=carpma(a,b);

        }
        else if(islem == "/")
        {
            function bolme(a,b)
            {
                return a/b;
            }
            sonuc = bolme(a,b);
        }
        else
        {
            alert("İşlem yapılamadı!!!");
        }
        return sonuc;
    }

    var a=100;
    var b=2;
    var islem1 = "+";
    var islem2 = "-";
    var islem3 = "*";
    var islem4 = "/";
    cevap=HesapM(a,b,islem4); //fonksiyonumuzu çağırıp parametreleri gönderip gelen değeri cevaba atadık.
    alert(cevap);             // en son bulunan cevabı ekrana bastık.
 


 

Mesela fonksiyonumuza (a, b) parametrelerini gönderdikten sonra işlemimizi de “/” olarak belirlersek cevabımız ne olur?

confirm metodu ile ilgili örneğin kodlarının tamamı bu linkte bulunmaktadır.

NOT: Bu kodlar arasında onClick eventi kullanılmıştır. Eventler detaylı olarak ileri ki yazılarda anlatılacaktır. Kısaca bahsetmek gerekirse, eventler kullanıcının etkileşimlerini yakalamamıza yardımcı olur. Yani kullanıcı kaydet butonuna bastığında şu işleri yap diyebiliriz. Bu örnekte ise kullanıcı kaydet butonunu tıkladığında kontrol fonksiyonunu çağır diyerek etkileşimini yakalayıp, kullanmış olduk.

Arkadaşlar fonksiyonlarla ilgili örneklerimizin sonunda geldik. Anlaşılmadığını düşündüğünüz, eksik bulduğunuz ya da javascript fonksiyonlarıyla ilgili öğrenmek istediğiniz bir konu var ise mesaj ile bildirmekten geri durmayınız. İyi günler! 🙂

 

 

 

 

Javascript Fonksiyonlar -2

Giriş Yap

Hoşgeldin
Don't have an account?
Kayıt Ol

Şifreni Yenile

Back to
Giriş Yap

Kayıt Ol

Ekimize Katılmaya Hazırmısın

Back to
Giriş Yap
Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals