Bir değişken tanımladım index diye. Butona tıklanınca index'in değeri artacak, dolayısıyla images objesinden yeni obje ekrana basılacak. Fakat hiçbir hata almamama rağmen çalıştıramadım. Ha şöyle bir şey var, index'in değerini manuel olarak değiştirince tüm bilgiler karşıma geliyor ama butona tıklayınca gelmiyor. Butonu seçtiğimi anlamak için konsola da yazdırdım. buton etiketine onclick olarak da yazdım. Çalışmıyor... :(

Geri
İleri

<script></script>



const images = [
{
title: "My First Slide",
url: "images/1.jpg",
figcaption: "LA always so much fun!"
},
{
title: "My Really Second Slide",
url: "images/2.jpg",
figcaption: "Nature is life."
},
{
title: "OMG This is the Third Slide",
url: "images/3.jpg",
figcaption: "Some days can be so relax..."
}
];

var index = 0;

document.querySelector(".card-img-top").setAttribute("src", images[index].url);
document.querySelector(".card-title").innerHTML = images[index].title;
document.querySelector(".card-text").innerHTML = images[index].figcaption;
console.log(index);