Çarşamba , 20 Eylül 2017
Anasayfa » Tag Arşivleri: JavaScript Örnekleri İndir

Tag Arşivleri: JavaScript Örnekleri İndir

JavaScript: Butona Tıklayınca Sayıyı Arttırma / Azaltma

Web sayfasında artı butuna tıklayınca sayıyı bir arttıran, eksi butonuna tıklayınca sayıyı bir azaltan javascript örneği…   DEMO   JS & HTML [crayon-59c2010201a9d313152423/] CSS(resimdeki tasarımı elde etmek için) [crayon-59c2010201aab351331193/] HTML & JS & CSS Kodlarının tümü [crayon-59c2010201ab2819947698/]  

Devamını oku »

JavaScript: Sayıyı Yazıya Çevirme

Text kutusuna sayı olarak girilen değerin yazı ile karşılığını yazdırma örneği; DEMO Örnek kodumuzun çalışması şu şekildedir. 125 değerini text kutusuna girdiğimizi varsayalım. Div etiketi içine YüzYirmiBeş yazacaktır. Örneğimiz için gerekli olan HTML kodları [crayon-59c2010204e8c567641889/]   Örneğimizin CSS kodları [crayon-59c2010204e9a332800079/]   Örneğin JavaScript Kodları 🙂 Not: Script içi olay kullandığım için script kodlarını yazarken body kapatma etiketinin hemen üzerin koymayı …

Devamını oku »

AngularJS Dersleri

Sitede yayınladığımız AngularJS ile ilgili yazıların tüm listesini aşağıdaki tablodan inceleyebilirsiniz. Yayınlanmamış olan yazıların yanlarındaki tarihler yazının hazırlanacağı tarihi(inşallah) gösterdiğini farketmişsinizdir. Aşağıdaki angularJS makalelerini AngularJS dersleri şeklinde hazırlayıp örnek içerikleri de makalelerin altında ekledim. Umarım AngularJS çalışacaklar için faydalı olur. AngularJS Dersleri Listesi Konu 1: AngularJS Nedir? Konu 2: AngularJS Modül Yapısı Konu 3: AngularJS Controller Yapısı Konu 4: AngularJS ng-src Yönergesi …

Devamını oku »

JavaScript Örnekleri [ PDF ] – 2

Çeşitli zorluk seviyelerinde 5 tane PDF formatında JavaScript örneği ve bu örneklerin çalışan uygulamaları; JavaScript Örnekleri PDF dosyasının içindeki örnekler Javascript Text Kutusuna Sadece Sayı Girdirme Javascript Text Kutusuna Sadece Sayı Girdirme(Olayın JavaScript Tarafında Yazılmış Hali) İki Text Kutusuna Girilen Sayıların Toplamını Div İçinde Gösterme Butona tıklandığında, tıklanan butondaki sayıları toplayan program İki text kutusuna girilen şifreyi kontrol eden javaScript …

Devamını oku »

JavaScript Örnekleri Uygulama Dosyası

Javascript Text Kutusuna Sadece Sayı Girdirme Javascript Text Kutusuna Sadece Sayı Girdirme(Olayın JavaScript Tarafında Yazılmış Hali) İki Text Kutusuna Girilen Sayıların Toplamını Div İçinde Gösterme Butona tıklandığında, tıklanan butondaki sayıları toplayan program İki text kutusuna girilen şifreyi kontrol eden javaScript örneği; Text kutusuna girilen sayılara göre ekrandaki div nesnesini hareket ettirme;     Sitede bulunan diğer örnek uygulamalar Jquery Slider …

Devamını oku »

JavaScript Örnekleri [ PDF ]

JavaScript Örnekleri İçindekiler Sayının tek mi çift mi olduğunu bulma(fonksyion Kullanmadan) Sayının tek mi çift mi olduğunu bulma(fonksyionlu) Text kutusuna girilen sayının faktörüyelini hesaplayıp sonucu ekrana yazdıran program Çemberin çevresi Kürenin Alanını Hesaplama İki kenarı girilen dikdörtgenin çevresi İki kenar girilen dikdörtgenin alanı Kilometreyi mile dönüştürme 20 elemanlı içine rasgele sayılar atılan dizi içindeki en büyük sayıyı ve en küçük …

Devamını oku »

JavaScript Kağıt, Makas, Taş Oyunu Yapımı

Bir çoğumuzun bildiği bir oyundur.  Ellerimizi kağıt, makas, taş şekline sokarak bir birimize karşı üstünlük sağlamaya çalışırız.  Oyunu kaybeden oyunun başındaki belirlenen cezayı çekmek zorunda kalır. Şimdi oyunun kuralı biraz açıklayalım. Kağıt Taşa karşı üstündür. Taş Makas karşı üstündür. Makasta taşa karşı üstündür. Şimdi bu derecelendirmeden yola çıkarak javascript aşağıdaki kağıt, makas, taş oyununu hazırladım. Kodları inceleyebilirsiniz. Oyunun çalışmasını biraz …

Devamını oku »

Javascript Direnç Renk Kodları Hesaplama Programı Yapımı

direnç renk kodları hesaplama programı

4 Bantlı direnç renk kodlarını hata payını hesaplamak için oluşturulmuş online çalışan programın kodları verilmiştir.   DEMO Çalışan program örneğine sayfanın sonunda ulaşabilirsiniz. Direnç renk kodları ile ilgili bilgiyi içeren wikipedia sayfası Uygulamanın HTML kodları: [crayon-59c20102082c3827825840/]   HTML etiketlerini şekillendiren CSS kodları: [crayon-59c20102082d2932823013/]   Programın script kodları: Programla ilgili açıklamalar yorum satırları içinde yazılmıştır. [crayon-59c20102082dc916150752/]       Çalışan Örnek …

Devamını oku »

Jquery Slider Eklentisi #CameraJS

Daha önce bir slider eklentisinden bahsetmiştim. Bazen sadece slider olması yeterli olmaz daha fazla özellik istersiniz. İşte bu slider eklentisi bir çok özelliği ile bir sliderdan isteyebileceğinizden fazlasını vererir.   Camera Slider  eklentisinin kurulumunu ve bazı temel özelliklerini detaylı açıkladım. Slider eklentimizin kurulumu için gerekli kütüphaneler; Jquery kütüphanesini indirin.İNDİR Jqury migrate kütüphanesini indirin.İNDİR(Camera jquerynin eski versiyonlarında bulunan bir özelliği kullanıyor.) …

Devamını oku »

Jquery UI Sürükle Bırak ile Liste Oluşturma

Jquery Ui ile sürükle bırak işlemi

 Uygulamanın kaynak kodunu İNDİR Jquery UI kullanarak sürükle bırak işlemleri hemen hemen her web sayfasında sıklıkla karşımıza çıkmakdır. E-ticaret sistemlerinde sepet, yönetim panellerinde menü düzenleme, iletişim formlarında çeşitli özellikleri eklemek ve çıkarmak için bir çok sayfada görmüşsünüzdür. Bende bu makalede basit bir şekilde sürükle bırak işlemi ve sürüklenmiş nesneyi silme işlemini nasıl yapacağımızı anlatacağım. Uygulamanın bitmiş hali yukarıdaki bağlantıda yada sayfanın …

Devamını oku »