script.js

// Function to store and display selected rating
function selectRating(rating) {
    const ratingValueElement = document.getElementById('rating-value');
    ratingValueElement.innerText = rating;
  
    // Highlight selected button
    const buttons = document.querySelectorAll('.rating');
    buttons.forEach(button => button.classList.remove('selected'));
    buttons[rating - 1].classList.add('selected');
  }
  
  // Function to toggle between states
  function submitRating() {
    const ratingState = document.querySelector('.rating-state');
    const thankYouState = document.querySelector('.thank-you');
  
    // Ensure a rating is selected before submitting
    const selectedRating = document.getElementById('rating-value').innerText;
    if (selectedRating) {
      // Hide rating state and show thank-you state
      ratingState.style.display = 'none';
      thankYouState.style.display = 'block';
    } else {
      alert('Please select a rating before submitting!');
    }
  }