Kılavuz Yazılım / Javascript / Javascript Fonksiyon Örnekleri ve Kullanımı

Javascript Fonksiyon Örnekleri ve Kullanımı

javascript-fonksiyon-kullanim-ve-örnekler

Programcılıkta en sık kullanılan, en çok ihtiyaç duyacağınız ve işinizi çok kolaylaştıracak en etkili özellik fonksiyonlardır. Birçok programlama dilinde olduğu üzere Javascript’te de fonksiyonlar bulunmaktadır.

Fonksiyonlarda öncelikli olarak yapacağınız işinizi karşılayacak fonksiyon tanımlaması yaparsınız, daha sonra o tanımlama içerisine kodlarınızı yazarsınız. Son olarak ise bu fonksiyonu çağırarak çalıştırma aşamasına gelirsiniz. Fonksiyon kullanımı sizi birçok zahmetten kurtarıp daha hızlı sonuçlar elde etmenize olanak sağlayacaktır.

Bugün sizlere Javascript’te fonksiyon örnekleri ve nasıl kullanım yapacağınızı anlatacağız. Şöyle bir örnek üzerinde çalışma yapalım.

Misal; bir formumuz var ve bu form’da gönder butonuna tıkladığımızda formu kontrol ettirelim, bu form’da boş alan varmı? yada istediğimiz özelliklerde veri girişi sağlanmışmı? yani fonksiyonlar sayesinde JavaScript Form Validation işlemi yapacağız.

Html’de örnek bir form oluşturarak işe başlayalım.

Formumuzu bu şekilde oluşturduktan sonra sayfamızın <head> bölümüne gelerek javascript kod bloğumuzu açıyoruz ve fonksiyonumuzu “kontrol” isminde oluşturuyoruz. Altta kodların yanlarına açıklamaları ile neler yaptığımızı belirttik.

Bu örnekte çok basit düzeyde Javascript’te form kontrol yapmayı göstermiş olduk. Eğer adı, soyadı text alanları boş olduğu zaman ekrana uyarı veriyor ve işlemi durduruyor. Böylelikle kullanıcının önüne bir uyarı getirmiş olduk.

Bu kodlarımızda ufak bir eksik var ve bu eksiği tamamlayınca sorunsuz bir şekilde çalışacaktır. Bu fonksiyonun çalışması için bir tetikleme işlemi yapmamız gerekir. Yani hangi durumda bu fonksiyonumuz çalışmalı? Tabi ki Gönder butonuna tıklandığı zaman değilmi? Bunun için oluşturduğumuz html kodlarına tekrar gelip buton bölümüne şöyle bir parametre gireceğiz.

Bu parametreyi ise kodumuza parametre olarak şu şekilde ekleyebiliriz.

Böylelikle gönder butonuna tıklandığı zaman form post etmeden önce text alanları kontrol edilip boş değil ise post işlemi gerçekleşecektir.

Bir önceki yazımız olan Javascript Alert Kullanımı başlıklı makalemizi de okumanızı öneririz.

Hakkında Admin

Çukurova Üniversitesi bilgisayar programcılığı bölümü mezunu. Birçok kurumsal firma'da Software Developer olarak çalıştı. Bilgi ve tecrübelerini bu blog'tan paylaşıyor.

Öneriyoruz

javascript-dizi-tanımla

Javascript Dizi Tanımlama

Diziler (Array) çoğu dilde bulunan ve artık dillerin temel taşlarından bir tanesi haline gelen veri ...

2 Yorumlar

  1. Js ile form kontrollerini yaptırarak fonksiyonların temel kavramını iyi benimsemişsiniz. Yalın ve güzel bir anlatım biçimi var makalede. Javascript Fonksiyon örneklerinizi çoğaltabilirseniz daha farklı çeşitlendirmeler yapabilirsiniz buda benim nacizane fikrimdir.

  2. Fonksiyonlar yazılımcıların can simidi gibi bir şey. Aynı kodları tekrar tekrar yazmanın önüne geçiriyor ve basit kullanım şekli nedeniyle bize zamandan tasarruf sağlatıyor.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir