En el siguiente codigo js en blogger ¿como le agrego para que muestre una imagen alternativa si la entrada/feed no tiene una imagen?
JavaScript:
function cargarEntradas() {
botonCargarMas.style.display = "none";
fetch(URLFeed).then(function(response) {
return response.json();
}).then(function(data) {
var entradas = data.feed.entry.slice(0, 5);
if (entradas.length > 0) {
entradas.forEach(function(entrada) {
var imagen = '';
if (entrada.media$thumbnail !== undefined) {
imagen = '<img src="' + entrada.media$thumbnail.url + '">';
}
var urlEntrada = entrada.link[entrada.link.length - 1].href;
var fechaEntrada = new Date(entrada.published.$t);
var fecha = fechaEntrada.getDay() + '/' + fechaEntrada.getMonth() + '/' + fechaEntrada.getFullYear();
resultadosBusqueda.innerHTML += '<li><a href="'+ urlEntrada +'" target="_blank">' + imagen + entrada.title.$t + '</a> (' + fecha + ')</li>';
});
if (data.feed.entry.length > 5) {
botonCargarMas.style.display = "block";
}
} else {
resultadosBusqueda.innerHTML = '<li>No hay resultados para la búsqueda.</li>';
}
});
}
Para agregar una imagen alternativa en caso de que no exista una imagen en la entrada/feed en tu código Javascript, puedes utilizar una imagen predeterminada en caso de que no se proporcione una imagen en la entrada.
Puedes agregar el siguiente código después de la condición `if (entrada.media$thumbnail !== undefined)`:
```
else {
imagen = '<img src="URL-de-la-imagen-predeterminada">';
}
```
Reemplaza `URL-de-la-imagen-predeterminada` con la URL de la imagen predeterminada, que se mostrará en el caso de que la entrada no tenga una imagen.
El código actualizado debería ser el siguiente:
```
function cargarEntradas() {
botonCargarMas.style.display = "none";
fetch(URLFeed).then(function(response) {
return response.json();
}).then(function(data) {
var entradas = data.feed.entry.slice(0, 5);
if (entradas.length > 0) {
entradas.forEach(function(entrada) {
var imagen = '';
if (entrada.media$thumbnail !== undefined) {
imagen = '<img src="' + entrada.media$thumbnail.url + '">';
} else {
imagen = '<img src="URL-de-la-imagen-predeterminada">';
}
var urlEntrada = entrada.link[entrada.link.length - 1].href;
var fechaEntrada = new Date(entrada.published.$t);
var fecha = fechaEntrada.getDay() + '/' + fechaEntrada.getMonth() + '/' + fechaEntrada.getFullYear();
resultadosBusqueda.innerHTML += '<li><a href="'+ urlEntrada +'" target="_blank">' + imagen + entrada.title.$t + '</a> (' + fecha + ')</li>';
});
if (data.feed.entry.length > 5) {
botonCargarMas.style.display = "block";
}
} else {
resultadosBusqueda.innerHTML = '<li>No hay resultados para la búsqueda.</li>';
}
});
}
```
Recuerda reemplazar `URL-de-la-imagen-predeterminada` con la URL de tu imagen predeterminada.