Javascript 拉威尔明星收视率与字体真棒

我正在检索我的击球手的平均得分，目前显示为5分中的数字。我想用字体可怕的星星替换平均评级的数字，因此如果是4.63/5，则显示5个字体可怕的星星中的4.63个，而不是我当前显示的数字。最好的办法是什么

例如，仅使用百分比：

<div class="star-rating" title="75%">
    <div class="back-stars">
        <i class="fa fa-star" aria-hidden="true"></i>
        <i class="fa fa-star" aria-hidden="true"></i>
        <i class="fa fa-star" aria-hidden="true"></i>
        <i class="fa fa-star" aria-hidden="true"></i>
        <i class="fa fa-star" aria-hidden="true"></i>

        <div class="front-stars" style="width: 75%">
            <i class="fa fa-star" aria-hidden="true"></i>
            <i class="fa fa-star" aria-hidden="true"></i>
            <i class="fa fa-star" aria-hidden="true"></i>
            <i class="fa fa-star" aria-hidden="true"></i>
            <i class="fa fa-star" aria-hidden="true"></i>
        </div>
    </div>
</div>  

var frontStars=document.getElementsByClassName（“frontStars”）[0]；
风险值百分比=100/5*4.63；
frontStars.style.width=百分比+“%”；
var评级=document.getElementsByClassName（“星级评级”）[0]；
rating.title=+（4.63.toFixed（2））+“出”+5
*{margin，padding:0}
/*----------星级----------*/
.星级{
显示器：flex；
对齐项目：居中；
字号：3em；
证明内容：中心；
边缘顶部：50px；
}
.背星{
显示器：flex；
颜色：#bb5252；
位置：相对位置；
文本阴影：4px40x10px#843a3a；
}
.明星{
显示器：flex；
颜色：#FFBC0B；
溢出：隐藏；
位置：绝对位置；
文本阴影：2px2p5px#d29b09；
排名：0；
}
例如，仅含百分比：

<div class="star-rating" title="75%">
    <div class="back-stars">
        <i class="fa fa-star" aria-hidden="true"></i>
        <i class="fa fa-star" aria-hidden="true"></i>
        <i class="fa fa-star" aria-hidden="true"></i>
        <i class="fa fa-star" aria-hidden="true"></i>
        <i class="fa fa-star" aria-hidden="true"></i>

        <div class="front-stars" style="width: 75%">
            <i class="fa fa-star" aria-hidden="true"></i>
            <i class="fa fa-star" aria-hidden="true"></i>
            <i class="fa fa-star" aria-hidden="true"></i>
            <i class="fa fa-star" aria-hidden="true"></i>
            <i class="fa fa-star" aria-hidden="true"></i>
        </div>
    </div>
</div>  


var frontStars=document.getElementsByClassName（“frontStars”）[0]；
风险值百分比=100/5*4.63；
frontStars.style.width=百分比+“%”；
var评级=document.getElementsByClassName（“星级评级”）[0]；
rating.title=+（4.63.toFixed（2））+“出”+5
*{margin，padding:0}
/*----------星级----------*/
.星级{
显示器：flex；
对齐项目：居中；
字号：3em；
证明内容：中心；
边缘顶部：50px；
}
.背星{
显示器：flex；
颜色：#bb5252；
位置：相对位置；
文本阴影：4px40x10px#843a3a；
}
.明星{
显示器：flex；
颜色：#FFBC0B；
溢出：隐藏；
位置：绝对位置；
文本阴影：2px2p5px#d29b09；
排名：0；
}

我在需要时会添加星级系统

来源：我将jquery和样式包含在一个局部视图中，我只将其添加到使用星型系统的页面中



表单项：然后使用


评级：

要设置默认值或显示现有值，只需将value=”“属性添加到输入中。插件完成了其余部分。
我在需要时会添加一个星级系统

来源：我将jquery和样式包含在一个局部视图中，我只将其添加到使用星型系统的页面中



表单项：然后使用


评级：

要设置默认值或显示现有值，只需将value=”“属性添加到输入中。插件完成其余工作。
100/5*4.63=92.6%100/5*4.63=92.6%hello，如何在输入或评分时获得name='rate'值