JavaScript code for Scroll Down anchor ties not working

Hello!

I have anchor ties that cut to different sections of my webpage. I was given this code in a tutorial so instead of cutting to my anchor ties, the website would scroll down to them. For some reason, it only scrolls down for one of my anchor ties, and the rest of them it still only cuts to them. I would like the Javascript to work so that all my anchor ties will be scrolled to when clicked on. Any help is appreciated! Thank you!

let anchorlinks = document.querySelectorAll('a[href^="#"]')

for (let item of anchorlinks) { // relitere

    item.addEventListener('click', (e)=> {

        let hashval = item.getAttribute('href')

        let target = document.querySelector(hashval)

        target.scrollIntoView({

            behavior: 'smooth',

            block: 'start'

        })

        history.pushState(null, null, hashval)

        e.preventDefault()

    })

}