如何从十进制值计算全星或半星

Question

我正在查看ul列表中的星级评定。 在此示例中，该值为4.5，因此后半颗星为'fa-star-half-alt' 有没有一种简单的方法可以轻松地对此进行修改，以便我可以为另一个十进制值（例如3.1）计算正确的星星？

<ul class="list-unstyled list-inline rating mb-0">
  <li class="list-inline-item mr-0"><i class="far fa-star amber-text"> </i></li>
  <li class="list-inline-item mr-0"><i class="far fa-star amber-text"></i></li>
  <li class="list-inline-item mr-0"><i class="far fa-star amber-text"></i></li>
  <li class="list-inline-item mr-0"><i class="far fa-star amber-text"></i></li>
  <li class="list-inline-item"><i class="far fa-star-half-alt amber-text"></i></li>
  <li class="list-inline-item"><p class="text-muted">4.5 (413)</p></li>
</ul>