How to read and change URL hash with JavaScript

April 2, 2020

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

const hash = location.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)

Follow my twitter (@benborgers) to see the work-in-progress of coding projects Iā€™m working on!