Как выполнять прошлую функцию по нажатию на назад в браузере?

Question

[sasmoney]

Вообщем есть такой код:

.d-none {display:none}

<div id="main">Index page</div>
<div id="faq" class="d-none">Index page</div>

<li><a href="/" onclick="mainh()">Главная</a></li>
<li><a href="/faq" onclick="faqh()">FAQ</a></li>

Его функции:

function mainh(){
$('#main').removeClass('d-none');
$('#faq').addClass('d-none');

event.preventDefault();
history.pushState(null, null, '/');
$('title').text('NameSite - Index');
}
function faqh(){
$('#main').addClass('d-none');
$('#faq').removeClass('d-none');

event.preventDefault();
history.pushState(null, null, '/faq');
$('title').text('NameSite - FAQ');
}

В целом все работает, но как при нажатии на "назад" в браузере, возвращать пользователя на прошлую функцию, так как в данный момент меняется только url в строке браузера, а функции не выполняются

Answer 1

[Arman]

https://developer.mozilla.org/ru/docs/Web/API/Wind...