No puedo asignar el enlace de la imagen que obtuve con la API al src de la imagen. Estoy usando fetch para obtener información (soy nuevo con las API).
fetch("https://restcountries.com/v3.1/all") .then(respons => respons.json()) .then(b => { let pic = b[0].flags.png; document.getElementById("img").src = "pic"; })
<img src="" alt="" id="img">
Hay un problema con tu código. Creaste la variable llamada pic. Pero en lugar de asignar una variable a src, está asignando una cadena "pic"
. El código correcto es:
fetch("https://restcountries.com/v3.1/all") .then(respons => respons.json()) .then(b => { let pic = b[0].flags.png; document.getElementById("img").src = pic; })
Tenga en cuenta que eliminé las comillas de la variable pic
.