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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
const modal = document.querySelector('.modal')
const coursesContent = document.querySelectorAll('.courses_content')

for (let courses of coursesContent){
    const courseID = courses.getAttribute('id')

    courses.style.cursor = 'pointer'

    courses.addEventListener('click', function(){
        modal.classList.add('active')
        modal.querySelector('iframe').src = `https://rocketseat.com.br/${courseID}`
    })
}

document.querySelector('.close_icon').addEventListener('click', function() {
    modal.classList.remove('active')
    modal.classList.remove('maximaze')
    modal.querySelector('iframe').src = ""
})

document.querySelector('.maximaze_icon').addEventListener('click', function() {
    modal.classList.add('maximaze')
})