Блог

 const mainDiv = document.getElementsByClassName('home-bg-image');
const homeMainDiv = document.getElementsByClassName('home-bg');
const homeDiv = document.getElementById('home-1');




homeDiv.addEventListener('mouseenter', e => {
    mainDiv.style.opacity = '0';
    homeMainDiv.style.opacity = '1';
    console.log('Working !!!')
});
 

Я получил эту ошибку
Неперехваченная ошибка типа: Не удается установить свойство «непрозрачность» неопределенного в HTMLDivElement.

documents.getElementsByClassName возвращает массив.

Вы должны получить доступ к элементу, который хотите оформить, используя обозначения в скобках

 mainDiv[0].style.opacity = '0';
homeMainDiv[0].style.opacity = '1';