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

Tag Arşivleri: JavaScript Örnekleri Basit

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 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/

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: Üç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-59c200a9b9bc4490861108/] HTML etiketinin onclick özelliğine fonksiyon tanımlayarak javascript ile üçgenin  alanını hesaplama; Etiketin onclick niteliğine fonksiyon yazılarak kullanma [crayon-59c200a9b9bcc114000839/] 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-59c200a9ba242651462677/] 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-59c200a9ba24b696541548/] AddEventListener kullanarak …

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-59c200a9ba6a4057037923/] CSS(resimdeki tasarımı elde etmek için) [crayon-59c200a9ba6ac738624224/] HTML & JS & CSS Kodlarının tümü [crayon-59c200a9ba6b0050869511/]  

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-59c200a9baab7370111068/] 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-59c200a9bb64c044262394/]   Javascript ile butona olay atayıp çemberin çevresini ve alanını hesaplama programı; [crayon-59c200a9bb654150508387/]   AddEventListener kullanarak dairenin çevresini ve alanını hesaplama örneği; [crayon-59c200a9bb65a856325250/] 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-59c200a9bc2d3276786882/]   HTML etiketinin onclick özelliğine …

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-59c200a9bce4e693557289/]

Devamını oku »