solicito una guía para cambiar implementar este script en html directamente. Lo que busco es poner el script directamente en el HTML. y que me muestre las estrellas, aplicando la clase star-light y muestre las estrellas.
for(var star = 1; star <= 5; star++)
{
var class_name = '';
if(data.review_data[count].rating >= star)
{
class_name = 'text-warning';
}
else
{
class_name = 'star-light';
}
html += '<i class="fas fa-star '+class_name+' mr-1"></i>';
}
Esto es lo que he intentado para mostrar el valor de la variable data.review_data[count].rating ha sido esto pero no me funciona.
<div class="card-body">
<script>
for(var star = 1; star <= 5; star++)
{
var class_name = '';
if(data.review_data[count].rating >= star)
{
class_name = 'text-warning';
}
else
{
class_name = 'star-light';
}
html += '<i class="fas fa-star '+class_name+' mr-1"></i>';
}
</script>
</div>
Continuo tratando de solucionar este detalle y tengo lo siguiente pero tampoco me funciona
<script>
function user_rating() {
for(var star = 1; star <= 5; star++) {
var class_name = '';
if(data.review_data[count].rating >= star) {
class_name = 'text-warning';
} else {
class_name = 'star-light';
}
html += '<i class="fas fa-star ' + class_name + ' mr-1"></i>';
}
document.getElementById('user_rating').innerHTML = user_rating()
};
</script>
<div class="card-body">
<div id"resultado"></div>
</div>
<div>
no es ninguno de los dos.body
, al final de todos. Ahí se puede insertar el script<script></script>
user_rating()
? Y también de dónde vienedata.review_data[count].rating
? Porque estos son los problemas que no se puede mostrar en el HTML. O tal vez falta algo de código js