|
1 | 1 | document.addEventListener('DOMContentLoaded', () => { |
2 | | - const left = document.querySelector('.left'); |
3 | | - const right = document.querySelector('.right'); |
4 | | - const container = document.querySelector('.container'); |
| 2 | + const left = document.querySelector('.left'); |
| 3 | + const right = document.querySelector('.right'); |
| 4 | + const container = document.querySelector('.container'); |
5 | 5 |
|
6 | | - if (left && right && container) { |
7 | | - left.addEventListener('mouseenter', () => { |
8 | | - container.classList.add('hover-left'); |
9 | | - container.classList.remove('hover-right'); |
10 | | - }); |
| 6 | + if (left && right && container) { |
| 7 | + left.addEventListener('mouseenter', () => { |
| 8 | + container.classList.add('hover-left'); |
| 9 | + container.classList.remove('hover-right'); |
| 10 | + }); |
11 | 11 |
|
12 | | - right.addEventListener('mouseenter', () => { |
13 | | - container.classList.add('hover-right'); |
14 | | - container.classList.remove('hover-left'); |
15 | | - }); |
| 12 | + right.addEventListener('mouseenter', () => { |
| 13 | + container.classList.add('hover-right'); |
| 14 | + container.classList.remove('hover-left'); |
| 15 | + }); |
16 | 16 |
|
17 | | - left.addEventListener('mouseleave', () => { |
18 | | - container.classList.remove('hover-left'); |
19 | | - }); |
| 17 | + left.addEventListener('mouseleave', () => { |
| 18 | + container.classList.remove('hover-left'); |
| 19 | + }); |
20 | 20 |
|
21 | | - right.addEventListener('mouseleave', () => { |
22 | | - container.classList.remove('hover-right'); |
23 | | - }); |
24 | | - } |
| 21 | + right.addEventListener('mouseleave', () => { |
| 22 | + container.classList.remove('hover-right'); |
| 23 | + }); |
| 24 | + } |
25 | 25 | }); |
0 commit comments