Вот «ванильный» JS-код, который просто добавляет дополнительный CSS-класс scrolled, при сдвиге страницы вниз на 50 точек.

<script>
  window.addEventListener('scroll', () => {
    document.querySelector('#header').classList.toggle('scrolled', window.scrollY > 50);
  });
</script>

Такой простой код, а такую важную штуку делает.

<script>
    var links = document.links;
    for (var i = 0; i < links.length; i++) {
        if ( !links[i].href.includes(document.location.host) ) {
            links[i].target = "_blank";
        }
    }
</script>

Одной такой проблемой была невозможность для меня сверстать макет с идеально ровным выравниваем блоков по краям. Какой-нибудь блок всегда, да вылезал за края всех остальных. Сглаживало эту проблему то, что «это вылезание» было максимум на 1-2 пикселя и чаще всего заказчик просто не замечал этого. Но лично меня это сильно напрягало.

Это тоже самое, что покупать китайскую подделку швейцарских часов. Вроде выглядит все точно также, но сам то ты понимаешь, что это подделка.