🤔 Как с помощью js можно передвигать вперед/назад по истории браузера?

В JavaScript можно перемещаться вперед и назад по истории браузера с помощью объекта window.history.

🟠Использование `history.back()` и `history.forward()`
Эти методы аналогичны кнопкам "Назад" и "Вперед" в браузере.

history.back();    // Перемещение на одну страницу назад
history.forward(); // Перемещение на одну страницу вперед

<button onclick="history.back()">⬅️ Назад</button>
<button onclick="history.forward()">Вперед ➡️</button>

history.go(-2); // Перейти на две страницы назад
history.go(3);  // Перейти на три страницы вперед

console.log(history.length); // Количество записей в истории

history.pushState({ page: 1 }, "Title 1", "/page1");

history.replaceState({ page: 2 }, "Title 2", "/page2");

document.querySelector("button").addEventListener("click", () => {
  history.pushState({ page: "about" }, "About Page", "/about");
});

window.addEventListener("popstate", (event) => {
  console.log("Текущий state:", event.state);
});