|
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