Witam wszystkich, uczę się trochę AJAXa i napotkałem problem.
Chce pobrane dane zapisać w zmiennej images i później na zewnątrz fetch z nich korzystać, ale nie mogę.
Gdy zrobię console.log(image) to pokazuje mi, że jest to talbica z 2 obiektami, a gdy robię instrukcję images[0] to wyświetla undefine.
Ma ktoś jakiś pomysł?
Dodam jeszcze, że w metodzie .then() gdzie robię pętle, żeby zapisać obiekty to instrukcja images[0] działa ;/
btn2.addEventListener('click', function() {
fetch('https://jsonplaceholder.typicode.com/photos')
.then(resp => resp.json())
.then(resp => {
for (let i = 0; i < 2; i++) {
images.push(resp[i]);
};
});
const a = document.querySelector('.photo');
console.log(images); //Tuitaj pokazuje tablice z 2 obiektami
console.dir(images[0]); //Tutaj pokazuje undefine
for (let i = 0; i < 2; i++) {
const image = new Image();
image.src = images[i].url;
a.appendChild(images);
pause(3000);
};
});