LocalStorage ve Button Kullanarak Renk Değiştirme – Tasarım Kodlama
JavaScript

LocalStorage ve Button Kullanarak Renk Değiştirme

Bu yazıda javaScript ile bir butona basında bastığımızda rastgele renk değiştirme işlemi yapacağız. Daha önceki yazılarımızda rastgele renk değiştirme nasıl yapılacağını açıklamıştık. Bu örnekteki fark ise değiştirdiğimiz rengi tarayıcının hafızasında tutup, sayfayı tekrar açtığımızda kayıtlı olan rengi tekrar butona vermek olacak.

Tarayıcıda veri tutmak için cookie yada localStore nesneleri kullanılır. Biz örneğimizde LocalStorege nesneni kullanacağız.

LocalStorage Nedir?

HTML5 yerel depolama, Web depolama uygulaması programlama arabiriminin bir bileşenidir. Web sayfalarının yerel olarak bir müşterinin Web tarayıcısında adlandırılmış anahtar / değer çiftleri olarak depoladığı bir yöntemdir. Çerezlere benzer şekilde, bu kaydedilmiş veriler mevcuttur; bir tarayıcı sekmesini kapattığınızda, geçerli bir web sitesinden ayrıldığınızda, bir tarayıcı sekmesinden çıkarken veya bir ana tarayıcıyı kapatsanız bile. Çerezlerin aksine, bu veriler elle gönderilmediği sürece uzak Web sunucusuna taşınmaz. HTML5 yerel depolaması yerel olarak Web tarayıcılarına entegre olduğundan, üçüncü taraf tarayıcı eklentileri olmadan kullanılabilir. HTML5 özelliklerinde açıklanmıştır.

Yerel depolama, çoğunlukla aynı etki alanındaki HTML sayfalarındaki verileri depolamak ve almak için kullanılır. Tarayıcıyı yeniden başlattıktan sonra bile, veriler aynı etki alanındaki tüm pencerelerden kurtarılabilir. Bu depolama türü, Web uygulamaları için sayısız seçenek sunar.

YouTube videosu:

Button ve LocalStorage Örneği:

 

1 Yorum

Yorum bırak