Soy nuevo en Javascript y he estado escribiendo este código para mostrar una serie de imágenes en una página desde una fuente externa, algo así como un feed de Instagram, usando una solicitud GET a través de jQuery. Me dieron un archivo JSON que contiene una serie de URL de imágenes, algunas de las cuales quiero excluir porque están rotas.
Aquí está el código que he escrito hasta ahora: lo probé y no funciona y estoy buscando orientación sobre qué aspectos me pueden faltar para que mi código funcione:
$(document).ready(function () { $('imagesFromJSON').click(function () { $.getJSON("images.json", function (data) { var arrItems = []; // The array to store JSON items. $.each(data, function (index, value) { arrItems.push(value); // Push values in the array. }); for (let i = 0; i < arrItems.length; i++) { if (arrItems[i].contains('fakeurl') === false) { let img = document.createElement('img'); img.src = arrItems[i].Image document.querySelector('.container').appendChild(image) } } }); }); }); <html> <head> <meta charset="UTF-8"> <title>Feed Test</title> <script type='text/javascript' src='feed.js'></script> <script src="jquery-3.6.0.min.js"></script> </head> <body> <h1>FEED TEST</h1> <p><input type="button" id= "imagesFromJSON" value="Show Images" /></p> <div class="container"></div> </body> </html>