<div class="container">
<h1> Welcome to my sample page</h1>
<ul id="nav">
<hr>
<li> <a href="main"> Maine</a></li>
<li> <a href="about">Aboute</a></li>
<li> <a href="downloads">Downloads</a></li>
<hr>
</ul>
<div class="content"></div>
</div>
var links,
updatestate,
updatebuttons,
contentEL,
navEL,
contentEL = document.querySelector('.content');
navEL = document.querySelector('.nav');
links = {
main: "This is page 1",
about: "This is page 2",
downloads: "this is page 2"
};
updatestate = function(state){
if (!state) return;
contentEL.innerHTML = links[state.page];
updatebuttons(state);
};
updatebuttons = function(state){
[].slice.call(navEL.querySelectorALL('a'))
.forEach(function(e){
var classList = e.parentNode.classList;
state.page === e.getAttribute('href')
? classList.add('active')
: classList.remove('active');
});
};
window.addEventListener('popstate', function(e){
updatestate(e.state);
});
navEL.addEventListener('click', function(e){
var state;
if (e.target.tagName !=='A') return;
state = { page: e.target.getAttribute('href')};
history.pushState(state, '', state.page);
updatestate(state);
e.preventDefault();
});
Исправил выше указанные ошибки но всё равно не работает.
Консоль выбивает ошибку в строке"history.pushState(state, '', state.page);"
но я там ошибку не вижу вроди правильно всё...((( Посмотрите пожалуйста что это за ошибка и иза -чего она?