diff --git a/src/scripts/main.js b/src/scripts/main.js index ad9a93a7..93b3737b 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1 +1,23 @@ 'use strict'; + +const thumbs = document.getElementById('thumbs'); +const largeImg = document.getElementById('largeImg'); + +thumbs.addEventListener('click', (newevent) => { + newevent.preventDefault(); + + // Знаходимо найближчий елемент від того, на що клікнули + // .closest() шукає вгору по DOM — працює і якщо клікнули на , і на + const link = newevent.target.closest('a'); + + // Якщо клік був поза посиланням — ігноруємо + if (!link) { + return; + } + + // Беремо URL великого зображення з атрибута href посилання + largeImg.src = link.href; + + // Оновлюємо alt великого зображення з атрибута title посилання + largeImg.alt = link.title; +});