Adı : İş Yapınca Kendi Kendine Kaydeden Not Defteri: JavaScript Local Storage Kullanarak Günlük Oluşturma

Günlük tutmak isteyen insanların çoğu bir şekilde not tutma aracı kullanıyor. Ancak yazılım dünyasında bu işi daha da kolaylaştıracak bir yöntem var: Kendi kendine kaydeden not defteri.
Bu tür bir not defteri, kullanıcının yazdığı notları otomatik olarak kaydederek, kaybolduğu veya bilgisayar kapanıp açıldığı zaman bile notların kaybolmasını engelliyor. Bu sayede kullanıcılar istedikleri zaman notlarını açıp okuyabilirler.
Bu yazıda JavaScript Local Storage kullanarak bir kendine kaydeden not defteri oluşturacağız. Local Storage, tarayıcının belleğinde yer alan bir veri deposudur. Bu depo, kullanıcının bilgilerini bir sonraki sefere de kalmalarını sağlayarak kaydeder.
Kodlama Örnekleri
1. HTML sayfası oluşturun
İlk adımımız HTML sayfası oluşturmaktır. Bu sayfada \"notlar\" adında bir giriş kutusu ve \"kaydet\" adlı bir düğme olacak. Bu sayfayı oluşturmak için aşağıdaki kodu kullanabilirsiniz:
```

Kendi kendine kaydeden not defteri

Notlar:

Kaydet



```
2. JavaScript dosyası oluşturun
Daha sonra bir JavaScript dosyası oluşturmanız gerekiyor. Bu dosyada Local Storage kullanarak notları kaydedeceğiz. Aşağıdaki kodları script.js dosyasına ekleyin:
```
function kaydet() {
const notlar = document.getElementById(\"notlar\").value;
localStorage.setItem(\"notlar\", notlar);
}
window.onload = function() {
const kaydedilenNot = localStorage.getItem(\"notlar\");
document.getElementById(\"notlar\").value = kaydedilenNot;
}
```
Bu kodun birinci satırı, \"kaydet\" düğmesine tıklandığında çağrılacak bir fonksiyon oluşturur. Bu fonksiyon, \"notlar\" adlı giriş kutusunun değerini alır ve Local Storage'a kaydeder. İkinci satırda ise, sayfa yüklendiğinde çağrılacak bir fonksiyon oluşturuluyor. Bu fonksiyon, önceden kaydedilmiş olan notları Local Storage'dan alarak \"notlar\" giriş kutusuna yazıyor.
Sık Sorulan Sorular
1. Local Storage sınırları nelerdir?
Local Storage, tarayıcının hafızasında sınırlı bir alan kullanır. Bu sınır, tarayıcıya göre değişir. Ancak genellikle 5-10 MB arasında bir veri depolama kapasitesi vardır.
2. Notlarımı başka bir tarayıcıda veya cihazda kullanabilir miyim?
Local Storage, tarayıcının hafızasında yer aldığından, notlarınız sadece aynı tarayıcıda veya cihazda kullanılabilir. Başka bir tarayıcıda veya cihazda kullanmak isterseniz, notlarınızı aktif olarak kaydetmeniz gerekir.
3. Bu yöntemle herhangi bir önbellekleme (caching) problemleri yaşanır mı?
Önbellekleme (caching) bazen kaydedilmiş verilerin güncel sürümleri ile çakışmasına sebep olabilir. Bu problemleri önlemek için, Local Storage'daki verilerin her zaman güncel tutulması gerekir. Bu örnekte, kaydedilen notlar her gösterildiğinde Local Storage'dan alınıp giriş kutusuna yazılıyor. Böylece her zaman güncel bir versiyonun kullanılması sağlanıyor.
Sonuç olarak, JavaScript Local Storage kullanarak bir kendine kaydeden not defteri oluşturmak oldukça kolay ve işlevseldir. Bu tür bir uygulama, kullanıcılara notlarını kaybetme endişesi olmadan günlük hayatlarında yardımcı olabilir.