// Получаем список отзывов из localStorage
let feedbackList = JSON.parse(localStorage.getItem('feedbackList')) || [];

// Отображаем отзывы на странице
function displayFeedbacks() {
  const feedbackListEl = document.getElementById('feedbackList');
  feedbackListEl.innerHTML = ''; // Очищаем существующие отзывы

  feedbackList.forEach(feedback => {
    const feedbackItem = document.createElement('div');
    feedbackItem.classList.add('feedback-item');
    feedbackItem.innerHTML = `
      <h4>${feedback.name}</h4>
      <p>${feedback.feedback}</p>
    `;
    feedbackListEl.appendChild(feedbackItem);
  });
}

// Обработчик формы для отправки отзыва
document.getElementById('feedbackForm').addEventListener('submit', function(event) {
  event.preventDefault(); // Предотвращаем стандартную отправку формы

  const name = document.getElementById('name').value;
  const feedback = document.getElementById('feedback').value;

  // Добавляем новый отзыв в массив
  feedbackList.push({ name: name, feedback: feedback });

  // Сохраняем отзывы в localStorage
  localStorage.setItem('feedbackList', JSON.stringify(feedbackList));

  // Очищаем форму
  this.reset();

  // Отображаем обновленный список отзывов
  displayFeedbacks();
});

// Отображаем отзывы при загрузке страницы
displayFeedbacks();