No primeiro momento use a biblioteca e caso quiser se aprofunde.
O intuito das bibliotecas é facilitar o trabalho de um programador, e caso não exista uma biblioteca que resolva o problema o programador DEVE saber como resolver!
Agora sendo um pouco sinceiro é relativamente facil fazer um sistema de star-rating.
<ul style="list-style:none; display: flex;">
<li onclick="star(1)">★</li>
<li onclick="star(2)">★</li>
<li onclick="star(3)">★</li>
<li onclick="star(4)">★</li>
<li onclick="star(5)">★</li>
</ul>
<script>
let ul = document.querySelector("ul");
let li = ul.children
let value = 0;
function star(index) {
value = index;
reset();
render();
}
function render() {
for (let i = 0; i < value; i++) {
let star = li[i];
star.style.color = "yellow";
}
}
function reset() {
for (let star of li) {
star.style.color = "";
}
}
</script>
Esse é um exemplo de star-rating que eu acabei de escrever agora, com toda certeza que não é o melhor, daria para usar um atributo dataset, transformar isso em uma class e etc...
Você é um iniciante, eu recomendaria melhorar sua base de html, css, javascript (caso você queira ser um web developer) e tentar se aventurar em projetos pequenos... como um star-rating!
Agora como desafio, caso queira, que tal você enteder o código acima, pesquisar sobre dataset é ao invés de salvar o valor em uma váriavel, salvar em um atributo no própio elemento?