Executando verificação de segurança...
1

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?

Carregando publicação patrocinada...