Tengo un problema. Necesita poner el nombre completo de la matriz como ID del elemento LI. Cajero automático, solo se necesita la primera palabra por alguna razón. ¿Podría ayudarme?
const buddiesNames = ['RGX 11z Pro Buddy', 'Zedd Buddy', 'Get Carried Buddy', 'In A Bind Buddy', 'Year One Buddy']; ulForBuddyNames.innerHTML = buddiesNames .map( (elem) => `<li " class="valorantHeroBuddy"><a href="#" onClick="showCharacterBuddy(event)" id=${elem}> ${elem}<a/></li>` ) .join('');No puede haber espacios en una identificación. Intente reemplazarlos con un guión: elem.replace(/\s+/, '-')
El valor de id no debe contener espacios en blanco (espacios, tabulaciones, etc.). Los navegadores tratan los ID no conformes que contienen espacios en blanco como si el espacio en blanco fuera parte del ID. A diferencia del atributo de clase, que permite valores separados por espacios, los elementos solo pueden tener un único valor de ID.
var ulForBuddyNames = document.querySelector('div'); const buddiesNames = ["RGX 11z Pro Buddy", "Zedd Buddy", "Get Carried Buddy", "In A Bind Buddy", "Year One Buddy"]; ulForBuddyNames.innerHTML = buddiesNames.map(elem => `<li class="valorantHeroBuddy"><a href="#" onClick="showCharacterBuddy(event)" id=${elem.replace(/\s+/, '-')}> ${elem}<a/></li>`).join(""); <div></div>