Estoy haciendo un sitio cuyo index carga notas almacenadas en JSON. El problema es que al no encontrar más notas, empieza a devolver ERROR 404. Quería saber si es posible indicarle al FETCH que si no encuentra el archivo, frene la iteración. Copio el código aquí debajo:
for( n=1 ; n <= 20 ; n++) {
fetch(`noticias/nota-${n}.json`)
.then(res => res.json())
.then(res => {
const caja = document.createElement("div");
caja.setAttribute("class",`noti noti-${res.notaNumero}`);
caja.setAttribute("id",res.notaNumero);
noticias.appendChild(caja);
caja.innerHTML =
`<a href="noticia.html">
<div class="noti-img">
<img src="noticias/nota-${res.notaNumero}-cover.jpg" class="">
<h4 class="seccion-2">${res.seccion}</h4>
</div>
<div class="noti-texto">
<h2 class="titulo-2">${res.titulo}</h2>
<h3 class="subtitulo-2">${res.subtitulo}</h3>
</div>
</a>`;
}).catch((e)=>{
break;
})
}