Perşembe , 23 Kasım 2017
Anasayfa » Tag Arşivleri: javascript basit kod örnekleri

Tag Arşivleri: javascript basit kod örnekleri

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: Farenin Konumunu Öğrenme

JavaScript ile farenin pozisyonunu öğrenmek için gerçekleşen olayın clientX ve clientY özellikleri kullanılmaktadır.   Aşağıdaki örnekte tarayıcı ekranında fare hareket ettirildikçe farenin konumunu ekrandaki div etiketlerine yazdıran uygulama örneği mevcuttur. [crayon-5a167c1d31413444147096/] Aşağıdaki örnekte tarayıcı ekranında fare hareket ettirildikçe ekrandaki div etiketinin genişliğini değiştiren örnek mecvuttur. [crayon-5a167c1d3141a862134242/]   Aşağıdaki örnekte tarayıcı ekranında fare hareket ettirildikçe ekrandaki div etiketini hareket ettiren örnek mecvuttur. …

Devamını oku »

JavaScript: Küpün Hacmini Hesaplama

Text kutusuna bir kenar uzunluğu girilen küpün hacmini hesaplayan program:   Nesneye olay atayarak javascript ile küpün hacmini  hesaplama; document.getElementById ile nesne oluşturulduktan sonra oluşturulan nesnenin onclick niteliğine fonksiyon tanımlaması yaparak kullanma [crayon-5a167c1d3182d698513070/] HTML etiketinin onclick özelliğine fonksiyon tanımlayarak javascript ile küpün hacmini  hesaplama; Etiketin onclick niteliğine fonksiyon yazılarak kullanma [crayon-5a167c1d31834526595293/] AddEventListener kullanarak javascript ile küpün hacmini  hesaplama; Nesne document.getElementById ile oluşturulduktan sonra nesnenin addEventListener işlevi …

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-5a167c1d31ec6894188924/] HTML etiketinin onclick özelliğine fonksiyon tanımlayarak javascript ile üçgenin  alanını hesaplama; Etiketin onclick niteliğine fonksiyon yazılarak kullanma [crayon-5a167c1d31ecc984734498/] AddEventListener kullanarak javascript ile üçgenin  alanını hesaplama; Nesne document.getElementById ile …

Devamını oku »

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-5a167c1d322e3107713503/] CSS(resimdeki tasarımı elde etmek için) [crayon-5a167c1d322e9416683948/] HTML & JS & CSS Kodlarının tümü [crayon-5a167c1d322ed108179558/]   Beğendim! 1

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-5a167c1d325f7632569137/]   Örneğimizin CSS kodları [crayon-5a167c1d325fd097766937/]   Ö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 »