diff --git a/README.md b/README.md index 8af81ac2..e28fb0ec 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ 1. Replace `` with your Github username in the link - - [DEMO LINK](https://.github.io/js_gallery_DOM/) + - [DEMO LINK](https://zubchenko-maksym.github.io/js_gallery_DOM/) 2. Follow [this instructions](https://mate-academy.github.io/layout_task-guideline/) - Run `npm run test` command to test your code; - Run `npm run test:only -- -n` to run fast test ignoring linter; diff --git a/src/scripts/main.js b/src/scripts/main.js index ad9a93a7..f54f6a2a 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1 +1,20 @@ 'use strict'; + +const largeImg = document.querySelector('#largeImg'); +const list = document.querySelector('ul'); + +list.addEventListener('click', (ev) => { + ev.preventDefault(); + + let link; + + if (ev.target.tagName === 'IMG') { + link = ev.target.parentElement; + } else if (ev.target.tagName === 'A') { + link = ev.target; + } else { + return; + } + + largeImg.src = link.href; +});