Евгений Винокуров

const item = document.querySelector('.item');

item.style.opacity = '0';

item.addEventListener('transitionend', function() {this.remove()});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/css/bootstrap-grid.min.css">

const target = document.querySelector('.target') // забираешь див через его класс (target) в HTML

target.addEventListener('click', () => { // отслеживаешь событие клика на диве (target)
 target.classList.add('styles') // и применяешь стили (styles) к таргету
})

const header = document.querySelector('.test') // вместо test класс твоего хэдера

window.addEventListener('scroll', () => {
  if (pageYOffset > 0) {
    header.classList.add('header_active') // твой класс для прозрачности, но можно и header.style.opacity = 0.5;
  } else {
    header.classList.remove('header_active')
  }
})

document.addEventListener('fullscreenchange', e => {
  if (document.fullscreenElement) {
    console.log('Fullscreen')
  } else {
    console.log("Not Fullscreen")
  }
})