Interactive Rating Component

document.querySelectorAll returns an array, so you can check each element of the array ( if document.querySelectorAll(".rating-value")[i].classList.contains("active") ). otherwise you can store a reference to the previous selected item in a global variable:

let previousSelected = null

ratingsContainer.addEventListener('click', (e) => {
  ...
  if ( previousSelected ) previousSelected.classList.remove('active');
  previousSelected = e.target;
  e.target.classList.add('active')

...
}

instead u use for each for buttons and then pass argument then for that argument add event listerner then it will change the rating button once u select also