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

我正在努力做到以下几点： 每次你选择一个单选按钮，这些都必须变成星星。每个数字必须是相同数量的星星

我只能让第一排开始工作；如图所示

我没有使用jquery。仅香草javascript（纯javascript）

const radio=document.getElementsByName（“性别”）；
const-boton=document.getElementById（“btnBoton”）；
const listado=document.getElementById（'contendor-filas'）；
boton.addEventListener（'click'，enviaNumeros）；
函数enviaNumeros（）
{
radio.forEach（功能（elementos）{
如果（元素已选中）
{
estrellas=document.createElement（'h3'）；
estrellas.textContent=elementos.value；
附属器（estrellas）；
console.log（elementos.value）
}
});
ponerEstrellas（）；
}
函数ponerEstrellas（）
{
设c=document.getElementsByTagName（'h3'）；
对于（i=0；i

审查制度
5

4

3

2

1

评论列表

您似乎在添加单选按钮的数字值为文本的行，然后将每一行从数字转换为“*”。为什么不在添加行之前转换为“*”？那么您只需要一个函数

const radio=document.getElementsByName（“性别”）；
const-boton=document.getElementById（“btnBoton”）；
const listado=document.getElementById（'contendor-filas'）；
boton.addEventListener（'click'，enviaNumeros）；
函数enviaNumeros（）
{
radio.forEach（功能（elementos）{
如果（元素已选中）
{
estrellas=document.createElement（'h3'）；
让我们=''；
for（设i=0；i

5

4

3

2

1

评论列表

文档。查询选择器将只选择文档中的第一个h3元素。

谢谢朱利安，你的贡献对我帮助很大。效果很好。