Javascript – Ahmet Cansever
Cuma , 20 Ocak 2017
Anasayfa » Javascript

Javascript

HTML Olay Kullanma

Son Güncellenme : 20th Ocak, 2017HTML Etiketine Olay Ekleme HTML etiketine olay eklemek için iki yöntem mevcut. 1.Yöntem: HTML etiketlerine addEventListener metotu ile olay eklemesi yapılabilir. 2.Yöntem: HTML etiketine olay özelliği ile olay eklemesi yapılabilir. Örnek: Aşağıdaki örnekte id’si birinci olan etikete tıkladığında(onclick) belirtilen anonim fonksiyon çalışacak ve ekrana uyarı verecektir. [crayon-588216ff4f506343748701/] JavaScript Sayı Tek Mi Çift Mi?   [crayon-588216ff4f51c415954089/] JavaScript …

Devamını oku »

HTML Etiketlerini Düzenleme

Son Güncellenme : 20th Ocak, 2017 etiket.innerHTML: Etiketin içini okuma ve değiştirme için kullanılır. etiket.attribute: Etiketin niteliğini değiştirmek için kullanılır. etiket.setAttribute(nitelik, değeri): Etiketin niteliğini değiştirmek için kullanılır. etiket.style.property:  Etiketin stilini değiştirmek için kullanılır. etiket.classList: etiketlerin class niteliği üzerinde silme,değiştirme, ekleme, class listesini öğrenme gibi işlemleri yapmak için kullanılır. Örnek: etiket.innerHTML kullanımı [crayon-588216ff5093c546612038/] Örnek: etiket.attribute kullanımı [crayon-588216ff5094b733872734/] Örnek: etiket.attribute kullanımı [crayon-588216ff50955092759891/] Örnek: etiket.setAttribute(nitelik, …

Devamını oku »

HTML Etiketlerini Seçme

Son Güncellenme : 20th Ocak, 2017HTML Etiketlerini Seçme document.getElementById(id): id niteliği ile eşleşen ilk kaydı getirir. document.getElementsByName(name): name niteliği ile eşleşen tüm kayıtları dizi olarak  getirir. document.getElementsByTagName(etiketadı):etiket adı ile eşleşen tüm kayıtları dizi olarak getirir. document.getElementsByClassName(classAdı):class niteliği ile eşleşen tüm kayıtları dizi olarak getirir. document.querySelector(seçici): seçici ile eşleşen ilk kaydı getirir. document.querySelectorAll(seçici): seçici ile eşleşen tüm kayıtları dizi olarak getir. Aşağıdaki  document özellikleri ile de …

Devamını oku »

JavaScript Olay Kullanımı

Son Güncellenme : 18th Ocak, 2017HTML Etiket İçinde Olay Kullanımı En eski kullanılan yöntemdir. Tavsiye etmemekle birlikte internet ortamında verilen örneklerin çoğu bu şekilde yapılmıştır. Sayfanın sonunda sık kullanılan DOM olay listesi mevcuttur. Kullanımı <etiket OLAYADI=”javascript kodu/kodları“> Mantık aslında şu şekildedir.  Tırnaklar arasında yazılan javascript kodu, kırmızı ile belirtilen olay gerçekleştiğinde çalıştırılır. Not: Çift tırnak içinde tek tırnak metinsel olarak algılanır. …

Devamını oku »

JavaScript Switch – Case Kullanımı ve Örnekleri

Son Güncellenme : 3rd Ocak, 2017 Switch-Case ifadesinin kullanımı if-else if çalışma mantığına benzer. Belirli koşullara göre farklı işlemleri yapmak için kullanılır. Switch-Case temel yapısı aşağıdaki gibidir. [crayon-588216ff52452246185523/] Şimdi Switch-Case Kullanımıyla ilgili birkaç örnek oluşturalım. İlk örneğimizde güncel olarak bugünün tarihinden gün bilgisini new Date().getDay(); ile alarak aldığımız bu sayısal verinin Türkçe gün karşılığını ekranda yazdıracağız. new Date().getDay(); ile 0-6 …

Devamını oku »

JavaScript Üçgenin Alanını Hesaplama

Son Güncellenme : 18th Ağustos, 2016Bu yazımızda JavaScript ile taban alanı ve yüksekliği kullanıcıdan istenen ve grilen bu değerler sonucu üçgenin alanını hesaplayıp ekranda gösteren uygulamayı oluşturacağız.

Devamını oku »

JavaScript Console.log Kullanımı

Son Güncellenme : 11th Mayıs, 2016Web dünyasında uzun süredir var olmasına rağmen çok fazla üzerinde durulmayan bir ekrandır console ekranı. Fakat javascript ile web projeleri geliştiriken console ekranında nesnelerin değişimini, değişkenlerin durumunu görmek alert ile ekrana bastırmaktan çok çok daha iyidir. Bu makaleden neden console ekranı kullanmak gerekir onu anlatacağım. Ancak benim yazdıklarımdan çok daha fazlasını console ekranında yapmak mümkündür. …

Devamını oku »

JavaScript ile Sayı Tahmin Oyunu

Son Güncellenme : 10th Mayıs, 2016Bu yazımızda JavaScript ile basit bir sayı tahmin oyunu gerçekleştireceğiz. Kodlarımızı incelediğimizde kullanıcıya 10 hak verilerek tahminde bulunmasını istediğini görüyoruz. Eğer Kullanıcı 10 hak sonunda bilemezse mesaj gösteren ya da 10 hak içinde bilirse kaçıncı hakkında bildiğini kullanıcıya bildiren kodlar aşağıdaki gibi olacaktır.

Devamını oku »

JavaScript Gün İsmini Ekrana Yazdırma ( getDate() )

Son Güncellenme : 14th Mayıs, 2016Bu yazımızda JavaScript getDay() metodunu kullanarak gün ismini ekranda yazdırmak için gerekli script’ i oluşturacağız. getDay() metodu bize gün bilgisini Pazar>0,Pazartesi>1,…Cumartesi>6 şeklinde sayısal olarak vermektedir.

Devamını oku »
Wordpress Tema indir