Как получить класс в HTML-скрипт?

Я хочу уменьшить панель навигации, когда я прокручиваю заголовок. До сих пор я получил панель навигации, чтобы придерживаться верхней части, как и планировалось, но я не могу понять, как получить доступ к «#navbar a» через второй скрипт.

Как вы можете видеть, мне удалось просто реализовать «navbar» (который не показан), но как только я попытался реализовать «#navbar a», это стало очень сложно, поэтому мне нужна помощь с этим вопросом. Как я могу сделать var '#navbar a'?

Первый файл/css/стиль:

#navbar a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      width: 25%;
      text-decoration: none;
      font-size: 35px;
    }

Второй сценарий

 window.onscroll = function() {myFunction()};

    var navbar = document.getElementById("navbar");
    var sticky = navbar.offsetTop;

    function myFunction() {
      if (window.pageYOffset >= sticky) {
        navbar.classList.add("sticky")
            navbar.style.align = 'auto';
            navbar.style.padding = '0px';
            navbar.style.width = '100%';
      } else {
        navbar.classList.remove("sticky");
          navbar.style.width = '80%';
          navbar.style.padding = '0, 10px';
      }
    }