Çarşamba , 20 Eylül 2017
Anasayfa » Tag Arşivleri: javascript örnek

Tag Arşivleri: javascript örnek

JQuery İle Resim Kaydırma

Bu örneğimizde JQuery ile butona tıklandığında resmin hareket etmesini sağlayacağız. İlk olarak JQuery’nin sitesinden JQuery dosyalarını indiriyoruz. Css ve JavaScript dosyalarını açarak çalışma dosyamıza bağlıyoruz. Ağaç yapısı şu şekilde olacaktır;

Devamını oku »

JQuery UI Tabs Menü Kullanımı

Bu örneğimizde JQuery’nin Ui eklentisini kullanarak Tabs Menü yapacağız. İlk olarak JQuery’nin sayfasından, JQuery ve JQuery-Ui eklenti dosyalarını indiriyoruz. Ui.css ve theme.css dosyalarını çalışma klasörünün içerisindeki eklenti klasörünün içerisine kopyalıyoruz. Dosyaların ağaç yapısı şu şekilde olacaktır;

Devamını oku »

JQuery Checked Kullanımı

Bu örneğimizde JQuery ile checkbox kullanarak resim gizleyip göstermeyi yapacağız. Bunun için ilk olarak JQuery’nin sitesinden JQuery dosyasını indiriyoruz ve çalışma dosyamıza bağlıyoruz. Daha sonra kendi açtığımız JavaScript dosyamızı çalışma dosyamıza bağlıyoruz.     HTML: Resmi gizlemek ve göstermek için bir checkbox oluşturuyoruz.  Yazdığımız kısa açıklamayı label etiketinin içerisine yapıyoruz. Bu sayede yazının üzerine basıldığında checkbox’da bundan etkilenecek. Daha sonra gizleyip …

Devamını oku »

Kullanıcının Girdiği Sayının İşaretini Öğrenme

Birden fazla programlama dili ile kullanıcıdan alınan sayının işaretini ve sayının kendisini gösteren programı yapacağız. İlk aşamada sorunun algoritmasını, JavaScript, C# ve DartLang kodlarını hazırlayacağım. Sonraki aşamalarda da Java, PHP, C++, Go, Python gibi diller ile örneğin farklı dillerde nasıl yazıldığını inceleyeceğiz. 05.03.2017 Java ve Go Örneği yazıldı. 11.03.2017  C++, Python, Visual Basic Form ve Visual Basic Console yazıldı. Sorunu …

Devamını oku »

JavaScript Buton Yakalama Oyunu

  JavaScriptte koordinat kullanarak buton yakalama oyunu oluşturacağız. Fare ile üzerine gelindiğinde yerini değiştirmesini sağlayan ve yakalandığında ekrana uyarı verecek şekilde iki ayrı fonksiyon oluşturacağız. Daha sonrasında sayaç koyup kaç seferde yakalandığını hesaplayacağız.  

Devamını oku »

JavaScript: for-in Kullanımı

Dögnü içinde nesne nesne özelliklerine ulaşmak için kullanılır.  Eğer JavaScript nesne oluşturma hakkında fazla bir fikriniz yoksa bu yazıyı anlamakta zorluk çekebilirsiniz. JavaScriptte nesneleri kavradığınızda bu deyimi kullanamak çok faydalı olacaktır.

Devamını oku »

Javascript Kapsam

Javascript ile nesnelere, fonksiyonlar ve değişkenlere nasıl ve nerelerden ulaşma yetkinizin olduğunu örneklerle açıklayalım.   Yerel JavaScript değişkenleri:Yerel olarak tanımlanmış javascript değişkeni sadece oluşturulduğu alanda tanınmaktadır. Fonksiyon dışında bu isim değişkeni tanınmayacaktır. [crayon-59c2019d2ce06034495398/]   Evrensel(Global) JavaScript değişkeni:Tüm script,fonksiyon ve web nesnelerinde ulaşılabilir. Script içinde tanımlanmış olan isim değişkenine her yerden ulaşılabilir. [crayon-59c2019d2ce0c201488666/]   Otomatik Küresel değişken: Değişken evrensel olarak tanımlanmamıştır. …

Devamını oku »

Javascript: Klavyeden Diziye Eklenen Sayılardan En Büyüğü ve En Küçüğü

Klavyeden diziye eklenen 10 sayıdan en küçüğünü bulup ekrana yazdıran program.     [crayon-59c2019d2d4dc893052543/]   Diziye eklenen sayılardan en küçük ve en büyük sayıyı bulmak için form nesneleri kullanılarak yapılan bir örnek. Örnek ile ilgili bilinmesi gerekenler. javascript click olayı, innerHTML, form value, focus, fonksiyon oluşturma, documentGetElementById kavramlarıdır. [crayon-59c2019d2d4e5224059957/]  

Devamını oku »

Javascript: Karenin Çevresini ve Alanını Hesaplama

Karenin çevresini ve alanını hesaplama

Text kutusuna bir kenarı girilen karenin çevresini ve alanını hesaplayıp ekrana uyarı olarak veren program:   Nesneye olay atayarak javascript ile karenin çevresini ve alanını hesaplama; document.getElementById ile nesneyi seçip, seçilen nesnenin onclick işlevine hesapla adında oluşturulan fonksiyon ilişkilendirilmektedir. Kenar değerinin kuma işleminde okunan değer string türünden number türüne çevrilip karenin çevresi ve alanı hesaplanmıştır. [crayon-59c2019d2d89a525168989/]   HTML etiketinin onclick özelliğine …

Devamını oku »