基于单选按钮，如何根据单选按钮的值列出html文档中的星星？

<input type="radio" name="rating" value="1">1星
<input type="radio" name="rating" value="2">2星
<input type="radio" name="rating" value="3">3星
<input type="radio" name="rating" value="4">4星
<input type="radio" name="rating" value="5">5星

<div id="stars"></div>

const starsContainer = document.getElementById("stars");
const ratingRadios = document.getElementsByName("rating");

for (let i = 0; i < ratingRadios.length; i++) {
  ratingRadios[i].addEventListener("change", function() {
    const rating = parseInt(this.value);
    starsContainer.innerHTML = "";

    for (let j = 0; j < rating; j++) {
      const star = document.createElement("span");
      star.innerHTML = "★";
      starsContainer.appendChild(star);
    }
  });
}