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;
+});