Son İşlemi Geri Alabilmeniz İçin: JavaScript'te Local Storage Kullanarak Geri Bildirim Oluşturma

Adı : Son İşlemi Geri Alabilmeniz İçin: JavaScript'te Local Storage Kullanarak Geri Bildirim Oluşturma

JavaScript'te Local Storage Kullanarak Geri Bildirim Oluşturma

Geri bildirim, kullanıcıların bir uygulama, hizmet veya ürün hakkındaki düşüncelerini ve deneyimlerini paylaşmalarına olanak tanır. Geri bildirim alma, bir şirketin doğru adımlar atabilmesi için çok önemli bir unsurdur. Peki, bir web sayfasında geri bildirim almak için JavaScript'te ne yapabiliriz? Local storage kullanarak geri bildirim özelliğini oluşturabiliriz.

Local Storage Nedir?

Local storage, web sayfalarında, belirli bir kullanıcının verilerinin tarayıcıda saklanması için bir depolama yöntemidir. Bu veriler, sayfa kapandığında bile tarayıcıda kalır ve bu sayede sonraki ziyaretlerde de kullanılabiliyor. Local storage, kullanıcıların tercihleri gibi önemli verileri de toplayabilir.

Local storage, 5MB'a kadar yer kaplayabilir. Bu nedenle, büyük miktarda veri saklamak için kullanılmamalıdır. Bilgileri biçimlendirmeden sakladığı için, JSON.stringify() yöntemi en sık kullanılan yöntemdir.

Geri Bildirim Formu Oluşturmak

Öncelikle HTML kodunda, geri bildirim formumuz için bir html form oluşturmalıyız. Burada bir adet input tag'ı oluşturarak kullanıcının mesajını girip gönderebilmesini sağlarız. Aşağıdaki kod bloğumuz JavaScript kodlarımızın yanında olacak.

```html

```

Mesajı saklamak için local storage'a yeni bir item ekleyelim. Bu, her bir geri bildirimin benzersiz bir anahtara sahip olmasını sağlar. Ayrıca, tarih ve saat bilgilerini de saklarız. Bu, verileri daha sonra kullanmak için daha organik bir şekilde yönetmemizi sağlar.

```javascript
function saveFeedbackInStorage(feedback) {
let feedbacks = localStorage.getItem('feedbacks') ? JSON.parse(localStorage.getItem('feedbacks')) : [];
feedbacks.push(feedback);
localStorage.setItem('feedbacks', JSON.stringify(feedbacks));
}
```

saveFeedbackInStorage () fonksiyonu, formun gönderildiğinde çağrılır ve input'tan aldığı metin verisi, bir dizide saklanır. Daha sonra, bu geri bildirimler JSON.stringify () yöntemiyle saklanır.

Geri Bildirimleri Göstermek

Local storage'ta, formdan gelen geri bildirimler saklı olduğu için, geri bildirim yazıldıktan sonra gösterilebilir. Geri bildirimler saklı olduğunda, localStorage.getItem () ve JSON.parse () gibi yöntemleri kullanabiliriz.

```javascript
function showFeedbacks() {
let feedbacks = localStorage.getItem('feedbacks') ? JSON.parse(localStorage.getItem('feedbacks')) : [];
let feedbackList = '';
for(let i = 0; i < feedbacks.length; i++) {
let feedback = feedbacks[i].feedback;
let time = feedbacks[i].time;
feedbackList += '

' + feedback + '

' + time + '

';
}
document.getElementById('feedback-list').innerHTML = feedbackList;
}
```

showFeedbacks () fonksiyonu, her kayıdı HTML listesi olarak gösterir. Gerekli bilgilerle birlikte her bir geri bildirim bir li tagi olarak eklenir.

Sık Sorulan Sorular:

1. Local storage nedir?
- Local storage, web sayfalarında, belirli bir kullanıcının verilerinin tarayıcıda saklanması için bir depolama yöntemidir.

2. Local storage ne kadar veri saklayabilir?
- Local storage, 5MB'a kadar yer kaplayabilir.

3. Geri bildirim formu nasıl oluşturulur?
- HTML kodunda bir html form oluşturarak kullanıcının geri bildirimini girip gönderebilmesi için bir alan sağlar.

4. Geri bildirim verileri nasıl saklanır?
- Geri bildirim verileri local storage'ta bir dizi olarak saklanır ve daha sonra bu geri bildirimler JSON.stringify () yöntemiyle database'de saklanır.

5. Local storage kullanmanın avantajları nelerdir?
- Local storage, kullanıcılardan toplanan verilerin tarayıcıda depolanması için mükemmel bir yöntemdir. Bu, verilerin kaybolmasını önler ve daha sonra işlem yapmak için verileri daha kolay bir şekilde yönetmenizi sağlar."