JavaScript 3 - Netbilio Teknoloji

JavaScript Butona Tıklandığında Arka Plan Rengini Değiştirme

Yorum bırakın / Genel, JavaScript / selami

Zemin renkleri sayfa tasarımında önemlidir. Belirli bir alanın veya tüm sayfanın zemin renklerini değiştirmek gerekebilir. Background rengini değiştirmek CSS üzerinden yapılabilir. Mesela bir div etiketinin zemin rengini kırmızı yapmak istersek aşağıdaki gibi yapabiliriz. Yine aynı işlemi bir CSS sınıfı üzerinde de tanımlayabilirz. Fakat bizim bu yazıda göreceğimiz konu bir butona tıklandığında zemin rengini değiştirmek. Bu durumda Javascript kullanıyoruz. Javascript […]

JavaScript Butona Tıklandığında Arka Plan Rengini Değiştirme Read More »

Javascript İle Elemente Class Ekleme

Yorum bırakın / Genel, JavaScript / selami

Html sayfaları üzerinde işlem yaparken, elemetlerin ( tag, etiket ) sınıflarını değiştirmek isteyebiliriz. Bunun nedeni yapılan işlem sonrasındaki farklı durumun belirginleşmesi olabilir. Mesela bir cevap girilirken gri, girildikten sonra eğer doğru ise yeşil ve eğer yanlış ise kırmızı renkte bir font kullanmak isteyebiliriz. Bu gibi durumlarda Javascript ile elemente class ekleyerek elementin görünümüne müdehale edebiliriz.

Javascript İle Elemente Class Ekleme Read More »

Javascript Ondalık Sayı Yuvarlama

Yorum bırakın / Genel, JavaScript / selami

Javascript ile sayısal işlemler yapmamız için bir çok operatör ve ayrıca Math sınıfı vardır. Yapabileceğimiz sayısal işlemler çok olduğu için çok sayıda da metod bulunmaktadır. Kesirli sayılar ile çalışırken, bazı durumlarda sayıyı yuvarlamak gerekebilir. Bu gibi durumlarda kullanabileceğimiz bir çok metod vardır. İşlemi yaparken ihtiyacımız olan herhangi bir metodu kullanabiliriz. Javascript İle Ondalık Sayı Nasıl

Javascript Ondalık Sayı Yuvarlama Read More »

Javascript Diziden Rastgele Eleman Seçme

Yorum bırakın / Genel, JavaScript / selami

Rastgele işlemler bazı durumlarda gerekli olabilir. Mesela bir diziden rastgele bir isim seçmek, bir diziden rastgele bir müşteri seçmek veya bir array değişkende tutulan hediyelerden rastgele birini seçmek isteyebilirsiniz. Bu isteklerin sonu gelmez. Bu nedenle biz odaklanmamız gereken işe odaklanalım ve bir diziden rastgele nasıl eleman seçeceğimize bakalım. Öncelikle dizinin mantığını bilmemiz gerekiyor. Nedir bu

Javascript Diziden Rastgele Eleman Seçme Read More »

Express JS app.use Nedir?

Yorum bırakın / Express JS, Genel, JavaScript / selami

Express JS arayazılımları (middleware) çalıştıran bir web çatısı olarak özetlenebilir. Bir istek olduğunda ilgili ara yazılımları çağırarak çalıştırır. Böylece sırası ile yapılması gereken işlemler yapılır. Mesela yapılan istek sunucuda yoksa, bu durumda sayfa bulunamadı cevabı için bir middleware yazılarak bu işlev özelleştirilebilir. Veya sayfa oluşturulurken, eğer istek yapan giriş yapmış bir kullanıcı ise ona göre

Express JS app.use Nedir? Read More »

Javascript Objeye Eleman Ekleme

Yorum bırakın / Genel, JavaScript / selami

Javascript ile çalışırken objeler (nesneler) önemli bir yer tutar. Bu nedenle bir uygulama geliştirirken sürekli olarak nesneleri kullanırız. Bir nesne oluşturmak için kullandığımız yöntem basittir, süslü parantezler içerisinde anahtar – değer şeklinde nesne özelliklerini girmek yeterli olacaktır. Şimdi bir örnek verelim. Artık istediğimiz gibi kullanabileceğimiz bir nesnemiz (object) oldu. Gerekirse bu objenin özelliklerine ulaşabiliriz. Bu

Javascript Objeye Eleman Ekleme Read More »

Javascript Element Sınıf Silme İşlemi Nasıl Yapılır?

Yorum bırakın / Genel, JavaScript / selami

Css sınıfları web safalarının düzgün görünmesi için önemlidir. Fakat bazı durumlarda sınıfların silinmesi gerekebilir. Mesela bir mesaj uyarı için kullanılacaksa dikkat adında bir class oluşturularak o mesajı saklayan elemente eklenir. Ya sonra bu mesajın içeriği değişirse ne yapacağız? JS Element Class Silme İşlemi Bir elemente atanmış tüm sınıflar classList özelliği içerisinde tutulurlar. Bu özellik üzerinden kaldırdığımız sınıflar

Javascript Element Sınıf Silme İşlemi Nasıl Yapılır? Read More »

Javascript Dizinin İlk Elemanını Değiştirme

Yorum bırakın / Genel, JavaScript / selami

Uygulama geliştirirken sürekli diziler ile çalışırız. Bu nedenle array değişkenler üzerinde farklı işlemler yapmamız gerekiyor. Bu yazımızda bir array / dizi değişkenin ilk elemanın nasıl değiştireceğimizi göreceğiz. Bunun için iki farklı yöntem göreceğiz. İlk yönetmimizde [] köşeli parantezler ile dizinin elemanına ulaşıp işlem yapacağız. Bildiğiniz gibi bir array değişkenin ilk elemanının indeks değeri sıfırdır. İlk elemana ulaşmak

Javascript Dizinin İlk Elemanını Değiştirme Read More »

Javascript İsmi Ad ve Soyad Olarak Ayırma

Javascript İle İsmi Ad Ve Soyad Olarak Nasıl Bölebiliriz?

Yorum bırakın / Genel, JavaScript / selami

Metinler ile çalışmak önemlidir. Farklı durumlar için farklı çözümler üretmek gerekebilir. Mesela bize verilen bir isimi, ad ve soyad olarak ayırmak isteyebiliriz. Böyle bir durumda Javascript ile nasıl bir yol izleyeceğiz? Farklı yöntemler düşünülebilir. İlk olarak split yöntemini düşünebiliriz. Böylece string değişkeni diziye çeviririz ve sonrasında isim ve soyad bölümlerini alırız. İlk Yöntem split Metodunu Kullanma Şimdi

Javascript İle İsmi Ad Ve Soyad Olarak Nasıl Bölebiliriz? Read More »

ID Kullanarak Javascript Element Silme

Yorum bırakın / Genel, JavaScript / selami

Bir websayfası oluşturuduğunuzda bu sayfayı ifade ederken DOM ( Document Object Model) kullanıyoruz. Bu bir websayfasını oluşturan tüm elementleri kapsayan bir modeldir. Javascript ile DOM üzerinde birçok işlem yapabiliriz. Bu yazımızda ID bilgisini bildiğimiz bir DOM elementinin nasıl silineceğini göreceğiz. Remove Metodu Javascript Element.remove metodu ile bir DOM elementini silebiliriz. BU metod geriye undefined değeri dönderir. Kullanım şekli şeklindedir.

ID Kullanarak Javascript Element Silme Read More »

Javascript Yazıdaki Son Kelimeyi Alma

Yorum bırakın / Genel, JavaScript / selami

Bazı durumlarda bir metin içerisindeki son kelimeye ihtiyaç duyabiliriz. Bunu elde etmek için farklı yöntemler bulunmaktadır. Javascript ile bir yazıdaki son kelimeyi almak için kullanacağımız yöntemleri inceleyelim. Birinci Yöntem String bir değişken içerisindeki son kelimeyi almak için öncelikle şuana dikkat etmeliyiz, yazılar içerisinde boşluklar genel olarak kelimeleri ayırmak için kullanılır. Mesela Merhaba Dünya ifadesi içerisinde bulunan Merhaba ve Dünya kelimeleri bir

Javascript Yazıdaki Son Kelimeyi Alma Read More »

Javascript setInterval Kullanımı

Yorum bırakın / Genel, JavaScript / selami

Belirli zamanlarda istediğimiz kodları çalıştırmamız gerekli oluyor. Bunun için bazen sadece bir defa kod çalıştırmak veya bazen de sürükli olarak tekrar tekrar aynı kodu çalıştırmak gerekebilir. Tek seferlik bir kod parçasını çalıştıracaksak bu durumda Javascript bize setTimeout metodunu sunuyor. Fakat bizim sürekli olarak tekrar tekrar aynı kodu çalıştırmamız gerekiyorsa bu durumda setInterval metodunu kullanabiliriz. Javascript setInterval Nedir? setInterval Javascript ile

Javascript setInterval Kullanımı Read More »

Javascript İle Evet Hayır Onay Kutusu Oluşturma

Javascript Evet Hayır Uyarı Mesajı Oluşturma

Yorum bırakın / Genel, JavaScript / selami

Uygulama geliştirirken bazı durumlarda kullanıcıdan onay almak gerekir. Böylece yapılacak işin kullanıcı tarafından onaylanması garanti altına alımış olur. Onay almak için farklı yöntemler kullanılabilir. Javascript Confirm Nedir? Confirm kullanıcıdan onay almak için geliştirilmiş bir Javascript metotudur. Bir bilgilendirme mesajı alır ve bu mesajı kullanıcıya gösteren bir uyarı penceresinde gösterir. Kullanıcının Tamam veya İptal diyerek bu mesaja cevap vermesi beklenir.

Javascript Evet Hayır Uyarı Mesajı Oluşturma Read More »

Javascript Öğrenmeden React Öğrenilir Mi?

Yorum bırakın / Genel, JavaScript, React JS / selami

Bu sorunun cevabını vermeden önce React JS nedir? sorunsunun cevabını vermek gerekir. En yalın hali ile ReactJS kullanıcı arayüzüleri oluşturmak için geliştirilmiş bir Javascript kütüphanesidir. Tarifini yaptığımızda aslında sorunun cevabı verimiş oluyor. React bir Javascript kütüphanesi olduğu için ReactJS ile bir uygulama yazabilmek için de Javascript ile programlama yapmayı bilmek gerekir. React ile uygulama geliştirmek demek, genel anlamı

Javascript Öğrenmeden React Öğrenilir Mi? Read More »

Javascript Rastgele Renk Üretme

Yorum bırakın / Genel, JavaScript / selami

Tasarım yaparken farklı renklere ihtiyacımız olabilir. Bu renkleri hazır bir listeden seçebileceğimiz gibi rastlantısal olarak da oluşturabiliriz. Şimdi bu iki farklı yolu Javascript ile nasıl yapacağımızı ayrı ayrı inceleyelim. Javascript İle Bir Renk Listesinden Rastgele Renk Seçmek İlk olarak elimizde olan bir renk listesinden rastgele renk seçmeyi inceleyelim. Bunun için öncelikle elimizde renk bilgilerini tutan

Javascript Rastgele Renk Üretme Read More »