How to read and change URL hash with JavaScript

You can read the current URL hash (the part of the URL after #) like this:

const hash = location.hash
console.log(hash)

And change it like this:

location.hash = "foo"

You can detect whenever the hash changes like this:

window.addEventListener("hashchange", event => {
  console.log("hash changed", event)
})