Siguiendo el tutorial https://www.youtube.com/watch?v=u3rylF3y3og&ab_channel=TraversyMedia
Estoy codificando algo que tiene una función de revisión de estrellas. Quiero cambiar el ancho (a través de document.querySelector('').style.width = starPercentage) de los elementos para determinar cuántas estrellas dio una reseña:
function getRatings() { for (let rating in ratings) { // Get percentage const starPercentage = (ratings[rating] / starsTotal) * 100; // Round to nearest 10 const starPercentageRounded = `${Math.round(starPercentage / 10) * 10}%`; // Set width of stars-inner to percentage document.querySelector(`.${rating} .stars-inner`).style.width = starPercentageRounded; // Add number rating document.querySelector(`.${rating} .number-rating`).innerHTML = ratings[rating]; } }Pero en lugar de los valores codificados, obtengo los datos de mongoose y express. ¿Cuál es la mejor forma de manipular las estrellas de cada reseña?
El siguiente artículo contiene una técnica simple para completar las calificaciones de estrellas en Javascript. https://webdesign.tutsplus.com/tutorials/a-simple-javascript-technique-for-filling-star-ratings--cms-29450
CSS
y agregue el css correcto a la etiqueta de clase html, por ejemplo (, ....)