.feedback-container { max-width: 500px; margin: 0 auto; text-align: center; font-family: Arial, sans-serif; } .rating-stars { margin: 20px 0; font-size: 32px; } .star { cursor: pointer; color: #ccc; transition: color 0.2s; } .star:hover, .star.active { color: #ffcc00; } .hidden { display: none; } #comment-form textarea { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 4px; } .t-button { display: inline-block; margin: 5px; padding: 10px 15px; background: #ffcc00; color: #000; text-decoration: none; border-radius: 4px; }

document.addEventListener("DOMContentLoaded", function() { const stars = document.querySelectorAll('.star'); const commentForm = document.getElementById('comment-form'); const externalReview = document.getElementById('external-review'); let currentRating = 0; // Обработка клика по звёздам stars.forEach(star => { star.addEventListener('click', function() { const rating = parseInt(this.getAttribute('data-rating')); currentRating = rating; // Сброс выделения всех звёзд stars.forEach(s => s.classList.remove('active')); // Выделение выбранных звёзд for (let i = 0; i < rating; i++) { stars[i].classList.add('active'); } // Показываем нужный блок if (rating <= 4) { commentForm.classList.remove('hidden'); externalReview.classList.add('hidden'); } else { commentForm.classList.add('hidden'); externalReview.classList.remove('hidden'); } }); }); // Отправка формы (пример) const submitButton = document.querySelector('#comment-form .t-submit'); if (submitButton) { submitButton.addEventListener('click', function() { const comment = document.querySelector('#comment-form textarea').value; alert(`Спасибо за отзыв! Оценка: ${currentRating}, Комментарий: ${comment}`); // Здесь можно добавить отправку данных через Tilda Forms или AJAX }); } });