отзывы.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. // Получаем список отзывов из localStorage
  2. let feedbackList = JSON.parse(localStorage.getItem('feedbackList')) || [];
  3. // Отображаем отзывы на странице
  4. function displayFeedbacks() {
  5. const feedbackListEl = document.getElementById('feedbackList');
  6. feedbackListEl.innerHTML = ''; // Очищаем существующие отзывы
  7. feedbackList.forEach(feedback => {
  8. const feedbackItem = document.createElement('div');
  9. feedbackItem.classList.add('feedback-item');
  10. feedbackItem.innerHTML = `
  11. <h4>${feedback.name}</h4>
  12. <p>${feedback.feedback}</p>
  13. `;
  14. feedbackListEl.appendChild(feedbackItem);
  15. });
  16. }
  17. // Обработчик формы для отправки отзыва
  18. document.getElementById('feedbackForm').addEventListener('submit', function(event) {
  19. event.preventDefault(); // Предотвращаем стандартную отправку формы
  20. const name = document.getElementById('name').value;
  21. const feedback = document.getElementById('feedback').value;
  22. // Добавляем новый отзыв в массив
  23. feedbackList.push({ name: name, feedback: feedback });
  24. // Сохраняем отзывы в localStorage
  25. localStorage.setItem('feedbackList', JSON.stringify(feedbackList));
  26. // Очищаем форму
  27. this.reset();
  28. // Отображаем обновленный список отзывов
  29. displayFeedbacks();
  30. });
  31. // Отображаем отзывы при загрузке страницы
  32. displayFeedbacks();