Estoy obteniendo datos, texto e imageUrl de una API. En el caso de que no se devuelva imageUrl, quiero mostrar una imagen de mi carpeta de activos.
¿Puedo escribir la lógica dentro de la etiqueta img y, de ser así, cómo? o tengo que escribir alguna función fuera?
Así es como se ve el código ahora:
profiles.forEach((profile) => { expertiseContainer.innerHTML += ` <div > <img src="${ profile.imgUrl }" alt="Profile image"> <h2>${ profile.name }</h2> </div> ` })A continuación se muestra un enfoque, utilizando un operador condicional dentro de la cadena de plantilla:
profiles.forEach((profile) => { expertiseContainer.innerHTML += ` <div > <img src="${ profile.imgUrl ? profile.imgUrl : 'assets/default.png' }" alt="Profile image"> <h2>${ profile.name }</h2> </div> ` })