123456789101112131415161718192021222324252627282930313233343536373839404142 |
- // Получаем список отзывов из 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();
|