Изменение стиля при наведении

Question

Здравствуйте! Допустим есть два дива:

 <div class='block1'>...</div>

 <div class='block2'>...</div>

Как сделать, чтобы при наведении (hover) на блок block1 изменялся стиль block2

Answer 1

const elem1 = document.getElementsByClassName('block1')[0];
elem1.addEventListener('mouseover', () => {
    document.getElementsByClassName('block2')[0].style.example = 'property'
})
elem1.addEventListener('mouseout', () => {
    document.getElementsByClassName('block2')[0].style.example = ''
})