diff --git a/src/scripts/main.js b/src/scripts/main.js index ad9a93a7..740b7d3d 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1 +1,26 @@ 'use strict'; + +const gallery = document.querySelector('.gallery'); +const mainImage = document.querySelector('.gallery__img'); + +gallery.addEventListener('click', (e) => { + e.preventDefault(); + + let link; + + if (e.target.tagName === 'IMG') { + link = e.target.closest('a'); + } + + if (e.target.tagName === 'A') { + link = e.target; + } + + if (!link) { + return; + } + + const newSrc = link.href; + + mainImage.src = newSrc; +});