домашнее задание 17

1    const users = [
2        {
3            name: 'max',
4            age: 23
5        },
6        {
7            name: 'ivan',
8            age: 25
9        },
10       {
11           name: 'robert',
12           age: 12
13       }
14   ]
15
16   users.forEach((user) => {
17       console.log(user)
18   })
19 
20   const usersName = []
21
22   users.forEach((user) => {
23       usersName.push(user.name)
24   })
25
26   console.log(usersName)

1    const button = document.querySelector('.btn-1')
2    let btnIsBlue = false
3    let btnIsPurple = false
4    let btnIsGreen = false
5    
6    button.addEventListener('click', () => {
7        if (btnIsBlue) {
8            button.style.backgroundColor = '#c53ce757'
9            button.textContent = 'Я фиолетовая! Нажми еще раз'
10           button.style.height = '100px'
11           button.style.maxWidth = '450px'
12           btnIsPurple = true
13           btnIsBlue = false
14       }
15       else if (btnIsPurple) {
16           button.style.backgroundColor = '#23d5ab63'
17           button.textContent = 'Теперь я зеленая! Нажми еще раз'
18           button.style.height = '75px'
19           button.style.maxWidth = '500px'
20           btnIsPurple = false
21           btnIsGreen = true
22       }
23       else if (btnIsGreen) {
24           button.style.backgroundColor = '#eeeb5259'
25           button.textContent = 'Я желтая! Нажми еще раз'
26           button.style.height = '100px'
27           button.style.maxWidth = '450px'
28           btnIsGreen = false
29       } else {
30           button.style.backgroundColor = '#23a5d556'
31           button.textContent = 'Теперь я голубая! Нажми еще раз'
32           button.style.height = '75px'
33           button.style.maxWidth = '500px'
34           btnIsBlue = true
35       }
36   })

1    const modalOpen = document.querySelector('.button-modal')
2    const modalClose = document.querySelector('.modal__close-btn')
3    const modal = document.querySelector('.modal')
4    const modalWindow = document.querySelector('.modal__window')
5    
6    modalOpen.addEventListener('click', () => {
7        modalClose.classList.toggle('close-btn')
8        modal.classList.toggle('close-m')
9        modalWindow.classList.toggle('close-mw')
10    })
11   
12   modalClose.addEventListener('click', () => {
13       modalClose.classList.toggle('close-btn')
14       modal.classList.toggle('close-m')
15       modalWindow.classList.toggle('close-mw')
16   })