Javascript 如何简化css星级评定？

我正试图简单地将这个星级评定放在我的项目的cshtml页面中。我不想让所有这些代码都出现在我的视图中。它接受视图模型的分数值，并决定要显示多少选中的星星。有人知道如何让这更好吗

 @if (Model.Score>= 100)
                {
                <span class="fa fa-star checked"></span>
                <span class="fa fa-star checked"></span>
                <span class="fa fa-star checked"></span>
                <span class="fa fa-star checked"></span>
                <span class="fa fa-star checked"></span>
                }
                else if(Model.Score>= 80)
                {
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star"></span>
                }
                else if(Model.Score>=60)
                {
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                }
                else if(Model.Score>=40)
                {
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                }
                 else if(Model.Score>=20)
                {
                    <span class="fa fa-star checked"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                }
                 else if(Model.Score<20 && Model.Score>=0)
                {
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                    <span class="fa fa-star"></span>
                }

@if（模型分数>=100）
{
}
否则，如果（模型分数>=80）
{
}
否则，如果（模型分数>=60）
{
}
否则，如果（模型分数>=40）
{
}
否则，如果（模型分数>=20）
{
}
否则如果（模型分数=0）
{
}

您可以使用计算出的已检查和未检查的启动次数（

5-n

）进行循环

@{n=Math.Floor（Math.Min（1，Model.Score/100）*5）}
@对于（var i=0；i您可以创建
score/20
选中的星号，其余的将是未选中的星号


const得分=60；
const checkedStars=数学楼层（分数/20）；
const uncheckedStars=5-检查星；
for（设i=0；i

您好这看起来不错，但是我的cshtml文件中没有识别Math.min和floor，我想是因为它们需要大写（如js中的小写）.但第二种选择可能更好anyway@culdaffe请检查这是否解决了您的问题，如果您有任何问题，请务必告诉我。您好，我会将其放在我的cshtml页面或我的网站js中吗？这是JavaScript，所以请将其他js代码放在一起。请告诉我这是否有效，否则我将删除我的答案。@culdafe