classes_exercise/scripts.js at master · arthurkz/classes_exercise · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
const modal = document.querySelector('.modal');
const cards = document.querySelectorAll('.card');
const modal_text = document.querySelector('.modal_text');

for (let card of cards){
    card.addEventListener('click', function(){
        const cardId = card.getAttribute('id');
        const cardH2 = card.querySelector('h2').innerHTML;
        const cardParagraph = card.querySelector('p').innerHTML;

        modal.classList.add('active');
        modal_text.querySelector('h2').innerHTML = cardH2;
        modal_text.querySelector('p').innerHTML = cardParagraph;

        modal.querySelector('img').src = `/img/${cardId}`;
    });
};

document.querySelector('.close_modal').querySelector('p').addEventListener('click', function () {
   modal.classList.remove('active')
});