You’re close. It may help to step back for a second because it can be hard to learn this stuff if you’re trying to also wrap your head around the JS.
You can do the majority of this, except the animated scroll, without JS. The two important parts to remember here are:
- The container or element you want the link to go TO should have an id. For example the container for the about section would have id=“about”.
- The link that you click would have an href including a # + the id that you want to link to. In the example it would be href="#about".
I believe that if you fix your html to include that, any of your snippets will work to animate that.