How to update a URL without reloading the page using vanilla JavaScript

The pushState() method let’s you update the URL and create a new item in the browser history without reloading the page. Because the history is updated, this new URL can be changed with the browser’s forward and backward buttons as well.

Here’s how it works.

history.pushState(state, pageTitle, url);