diff --git a/src/scripts/main.js b/src/scripts/main.js index ad9a93a7..141b2866 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1 +1,16 @@ 'use strict'; + +const thumbnails = document.querySelector('.gallery__list'); +const largeImage = document.querySelector('.gallery__large-img'); + +thumbnails.addEventListener('click', (evt) => { + const currentThumbnail = evt.target.closest('.list-item__link'); + + if (!currentThumbnail) { + return; + } + + evt.preventDefault(); + + largeImage.src = currentThumbnail.href; +});