Как скрывать блок если видна кнопка?

Question

[Иван Симонов]

Здравствуйте
Пытаюсь показать плавающий блок (.nav), если нет кнопки (кнопки с классом .btn) в зоне видимости страницы. Если видна кнопка - скрываем плавающий блок
Мои попытки код
Подскажите, как это реализовать?

Answer 1

[Gary_Ihar]

const button = document.querySelector('.button') 
const nav = document.querySelector('.nav') 

window.addEventListener('scroll',()=>{
    if(button.getBoundingClientRect().bottom < document.documentElement.clientHeight && black.getBoundingClientRect().bottom > 0) {
        nav.classList.add('visible')
    } else {
        nav.classList.remove('visible')
    }
})