Пожалуйста решить задачу нужно чтобы при прокрутке сайта панель меню уменьшaлась в размере?

Тебе нужно создать переменную navbar:
var navbar = document.querySelector('.класс_меню');

А так, если на твой код посмотреть, то ты пользуешься jquery, но ты его не подключил.
Удали код из окошка с js.
То, что у тебя находится внизу html-кода в теге script, вынеси в правое окошко с js.
Найди jquery cdn и подключи под footer.