Perşembe , 23 Kasım 2017
Anasayfa » Tag Arşivleri: JavaScript Örnek Uygulamalar

Tag Arşivleri: JavaScript Örnek Uygulamalar

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; Beğendim!

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; Beğendim!

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 »

JQuery ile İsim Listeleme

  Bu çalışmamızda JQuery ile <ul> etiketinin içerisine tanımladığımız dizideki isimleri yazdıracağız. Çalışmaya başlamadan önce ilk olarak JQuery’nin kendi sitesinden JQuery dosyasını indiriyoruz.  https://jquery.com/ Beğendim!

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.   Beğendim!

Devamını oku »

HTML5: Web Storage Kullanımı (Yapılacak Listesi)

HTML5 Web Storage kavramını JavaScript ile yapılacak listesini (To Do List) hazırlayarak anlatacağım. Web Storage kavramını açıklayarak başlayalım. Bir sayfa üzerinde yaptığımız değişliklikler sıklıkla o sayfada kalmaktadır.  Sayfada bir kaydı tutmak istediğimizde eski teknoloji olan Cokie kullanmamız gerekirdi. Cokie kullanımının çeşitli zorlukları var. En önemli olanlarından bir tanesi cokieler sadece 4kb ile sınırlıdır. Web Storage ile çok daha büyük verileri çok …

Devamını oku »

JavaScript: Üçgenin Alanını Hesaplama

Text kutusuna taban uzunluğu ve yüksekliği  girilen üçgenin  alanını hesaplayıp ekrana uyarı olarak veren program: Nesneye olay atayarak javascript ile üçgenin  alanını hesaplama; document.getElementById ile nesne oluşturulduktan sonra oluşturulan nesnenin onclick niteliğine fonksiyon tanımlaması yaparak kullanma [crayon-5a167b1cb200c304236796/] HTML etiketinin onclick özelliğine fonksiyon tanımlayarak javascript ile üçgenin  alanını hesaplama; Etiketin onclick niteliğine fonksiyon yazılarak kullanma [crayon-5a167b1cb2018865628433/] AddEventListener kullanarak javascript ile üçgenin  alanını hesaplama; Nesne document.getElementById ile …

Devamını oku »

JavaScript: Dikdörtgenin Çevresini ve Alanını Hesaplama

Text kutusuna uzun ve kısa kenarı girilen dikdörtgenin çevresini ve alanını hesaplayıp ekrana uyarı olarak veren program:   Nesneye olay atayarak javascript ile dikdörtgenin çevresini ve alanını hesaplama; document.getElementById ile nesne oluşturulduktan sonra oluşturulan nesnenin onclick niteliğine fonksiyon tanımlaması yaparak kullanma [crayon-5a167b1cb29f1761220946/] HTML etiketinin onclick özelliğine fonksiyon tanımlayarak javascript ile dikdörtgenin çevresini ve alanını hesaplama; Etiketin onclick niteliğine fonksiyon yazılarak kullanma [crayon-5a167b1cb2a00045047697/] AddEventListener kullanarak …

Devamını oku »

Javascript Dizi Oluşturma

Öncelikle “dizi nedir” sorusuna cevap vererek başlayalım. Dizi benzer ifadelerin bir araya getirildiği özel değişkendir.   Bir değişken içinde bir veri saklana bilirken, dizilerde birden fazla veri saklamak mümkündür. Aşağıdaki örnek kod parçasının ilk satırında diller adında bir dizi oluşturulmuştur. İkinci satırda da idsi örnek olan etiket seçilmiş ve dizi içindeki değerler yerleştirilmiştir. [crayon-5a167b1cb318d219673042/] Eğer dizi kullanmasaydık yukarıdaki değerleri şu …

Devamını oku »

Javascript: Dairenin Çevresini ve Alanını Hesaplama

çemberin çevresi ve alanını hesaplayan program

Çemberin alanını ve çevresini hesaplamak için yazılabilecek bir kaç farklı kod örneği;   Form etiketi içine onclick olayı yazılarak yapılan dairenin çevresini ve alanını hesaplama örneği [crayon-5a167b1cb3fab439853541/]   Javascript ile butona olay atayıp çemberin çevresini ve alanını hesaplama programı; [crayon-5a167b1cb3fb8007600692/]   AddEventListener kullanarak dairenin çevresini ve alanını hesaplama örneği; [crayon-5a167b1cb3fc0524766359/] window.promt ve window.alert kullanarak dairenin çevresini ve alanını hesaplama programı; …

Devamını oku »

Javascript if else örnekleri

javascirpt örnekleri if else

1-)0-100 arasında girilen notu beşlik sisteme çeviren javascript programı. 2-)Kullanıcı tarafından girilen sayı sıfırdan büyükse pozitif, sıfırdan küçükse negatif, sıfıra eşitse sıfır yazdıran program. 3-)Yaşı girilen kullanıcının ehliyet alıp alamayacağını, ehliyet alamıyorsa kaç yıl sonra alacağını yazdıran program 4-) Kağıt Makas Taş Oyunu Yapımı 5-)Javascript: keypress klavye kontolü 6-)JavaScript ile Dizi İçinde Arama 7-)Javascript: Klavyeden Diziye Eklenen Sayılardan En Büyüğü …

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-5a167b1cb4c24635995138/]   HTML etiketinin onclick özelliğine …

Devamını oku »

Javascript: Sayının Tek mi Çift mi Olduğunu Bulma

Sayının tek mi çift mi olduğunu bulan program

Sayının tek mi çift mi olduğunu bulma(fonksiyon kullanmadan); [crayon-5a167b1cb51a7975536123/]   Bu örneğin fonksiyonlu olarak yapılışı. [crayon-5a167b1cb51ae068940974/]   Form etiketi içinde olay atanmış şekli [crayon-5a167b1cb51b3055358509/] Beğendim!

Devamını oku »

JavaScript Dizi içindeki en büyük ve en küçük sayıyı bulma

En büyük en küçük sayı javascript

20 elemanlı içine rasgele sayılar atılan dizi içindeki en büyük sayıyı ve en küçük sayıyı bulup ekranda yazdıran programa ait uygulaması örneği: Kodları ornek.html dosyası olarak kaydedip çalıştırdığımızıda ekran görüntüsü aşağıdakine benzer olacaktır. [crayon-5a167b1cb5435897248713/] Beğendim!

Devamını oku »