Hice un ícono con este JavaScript, pero el ícono no se puede mostrar, ¿hay algún problema?
window.addEventListener('load', () => { let featuredFoods = document.querySelectorAll('.bintang'); let starIcon = document.createElement('i'); starIcon.classList.add('far.fa-star'); featuredFoods.forEach((el) => { el.append(starIcon,starIcon,starIcon,starIcon,starIcon); }) })Simplemente use una cadena para el HTML de estrella, y luego cree una nueva matriz con cinco elementos, y complete cada elemento con un icono de estrella asegurándose de crear una cadena de HTML a partir de la matriz con join para usar en el HTML innerHTML .
let featuredFoods = document.querySelectorAll('.bintang'); const starIcon = '<i class="fa fa-star"></i>'; featuredFoods.forEach(el => { const stars = new Array(5).fill(starIcon).join(''); el.innerHTML = stars; }); <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet" /> <div class="bintang"></div> <div class="bintang"></div> <div class="bintang"></div> <div class="bintang"></div> <div class="bintang"></div>