Interactive rating component using radio buttons

even though the edit feature is good there is a little bug to fix ...when i try to click any number on the rating button it add active class to all others buttons which is less than the clicked number ...so fix that it should add the active class to the clicked one only if the user change idea and click other button it should remove active class from the previous number and add to the clicked one ....use forEach method like these

function callBack() { 
   //logic-when we click on the btns container[ratingbtns] 
   ratingBtns.addEventListener('click', (e) => { 
     const id = e.target.dataset.id; 
     console.log(id); 
     if (id) { 
       //remove active state from btns 
       eachBtns.forEach((btn) => { 
         btn.classList.remove('btn-active'); 
         e.target.classList.add('btn-active'); 
         textResult.innerHTML = `You selected <span class="result-number"> ${id}</span> out of 5`; //printing the selected value to result 
       }); 
     } 
   }); 
 }

And also if the user didn't click on the rating btns the result card shouldn't open so add some code there to check if there is active btn ...