анимация scrollspy не будет работать, и у меня нет идеи, как заставить ее работать

Question

Итак, в пятницу у меня есть задание, чтобы подготовить свое портфолио, и я решил сделать его прокруткой на одну страницу, но я не могу заставить работать scrollspy без bootstrap (не разрешается использовать bootstrap). У кого-нибудь есть идеи, какя могу заставить его работать?

я пробовал разные виды js-скриптов и jquery, но я просто не могу заставить их работать

<a href="https://codepen.io/axelnijsten/pen/VwwLQMV" rel="nofollow noreferrer">https://codepen.io/axelnijsten/pen/VwwLQMV</a>

<div class="container">
    <div class="intro">
        <h1>Please explore</h1>
        <h1>and</h1>
        <h1>Discover.</h1>
        <br>
        <a href="#works"><input id="works" class= "button-8" type="submit" value="projects" name= " "></a>
    </div>  

Я ожидаю, что когда я нажму на контакт, он плавно перейдет в раздел контактов.