Javascript – Ahmet Cansever
Pazar , 26 Şubat 2017
Anasayfa » Javascript

Javascript

JavaScript Vize-Final Ortalaması ve Geçti-Kaldı Örneği

Son Güncellenme : 22nd Şubat, 2017 Bu yazımızda kullanıcı tarafından text kutularına girilen Vize notu ve Final notuna göre ortalamayı hesaplayan ve ortalaması ve final notu 50′ den yüksekse “GEÇTİ“, diğer durumlarda ise “KALDI” yazdıracağız. Ortalamanın 50′ den büyük fakat Final notunun 50′ den küçük olması durumunda kalma nedeninin Final Notunun düşük olduğu bilgisini de ekranda göstereceğiz. Ortalamayı hesaplarken kullanacağımız …

Devamını oku »

JavaScript Girilen Sayıya Kadar Toplama (Fonksiyon Kullanımı)

Son Güncellenme : 20th Şubat, 2017Bu yazımızda JavaScript ile Button‘ a basıldığında kullanıcının text kutusuna girmiş olduğu sayıya göre 1 den bu sayıya kadar olan sayıların toplamını hesaplayarak belirlemiş olduğumuz div içerisinde gösteren örneği oluşturacağız. Örneğimizde InnerHTML kullanımı, Fonksiyon kullanımı ve div içine yazdırma ve css ile div etiketinin biçimlendirilmesi işlemlerini görebilirsiniz. [crayon-58b227a927eaa736929972/] Ekran Çıktısı:

Devamını oku »

JavaScript For Döngüsü Örnekleri

Son Güncellenme : 12th Şubat, 2017 Bu yazımızda JavaScript For Döngüsü kullanımı ile ilgili örnekler oluşturacağız. JavaScript For Döngüsü örnekleri devamlı olarak güncellenecektir. Örneklerimizi gerçekleştirirken harici js dosyası kullanacağız. JavaScript dosyasının harici olarak eklenmesi ve kullanımı ile ilgili detaylı bilgiye aşağıdan ulaşabilirsiniz.

Devamını oku »

Web Sayfasında Harici JavaScript Dosyası Çalıştırma

Son Güncellenme : 10th Şubat, 2017 JavaScript kodları bir web sayfasına iki farklı şekilde eklenebilir. Bunlardan birincisi “head” etiketleri arasında “script” etiketleri arasında kullanımıdır. Bu yöntemde javaScript kodları html sayfasını içinde çalışmaktadır. Kullanımına basit bir örnek vermek gerekirse;

Devamını oku »

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-58b227a928e64954113780/] JavaScript Sayı Tek Mi Çift Mi?   [crayon-58b227a928e6d812563571/] 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-58b227a9293c8045361469/] Örnek: etiket.attribute kullanımı [crayon-58b227a9293d2166283183/] Örnek: etiket.attribute kullanımı [crayon-58b227a9293d7839677240/] Ö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 »
Wordpress Tema indir