script.js

document.addEventListener('DOMContentLoaded', () => {
  const form = document.getElementById('feedbackForm');
  const toast = document.getElementById('toast');
  const entriesList = document.getElementById('entries');

  const loadEntries = () => {
    const entries = JSON.parse(localStorage.getItem('glowFeedback')) || [];
    entriesList.innerHTML = '';
    entries.forEach(entry => {
      const li = document.createElement('li');
      li.innerHTML = `<strong>${entry.name}</strong> (${entry.email})<br>${entry.message}`;
      entriesList.appendChild(li);
    });
  };

  const saveEntry = (entry) => {
    const entries = JSON.parse(localStorage.getItem('glowFeedback')) || [];
    entries.unshift(entry);
    localStorage.setItem('glowFeedback', JSON.stringify(entries));
  };

  const showToast = () => {
    toast.style.display = 'block';
    setTimeout(() => {
      toast.style.display = 'none';
    }, 4000);
  };

  form.addEventListener('submit', (e) => {
    e.preventDefault();
    const name = form.name.value.trim();
    const email = form.email.value.trim();
    const message = form.message.value.trim();

    if (name && email && message) {
      saveEntry({ name, email, message });
      showToast();
      form.reset();
      loadEntries();
    } else {
      alert("All fields are required.");
    }
  });

  loadEntries();
  
});