Как получить кнопку спины (функция) работать? ⇐ Html

[Anonymous]

Как мне заставить кнопку спины работать нормально? Я хочу, чтобы каждый элемент оно появился после нажатия кнопки «Назад». Дело в том, что мне нужно сделать навигационную панель.





[*]
js test





back

• Home
• Blog
• Eten
• Thuis

hoe kan ik de terug button netjes hebben? ik wil wanneer ik op terug klik dat alle linkjes terug komt. dus Home, Blog, Eten, Thuis.
Want op dit moment werkt het alleen goed als je twee keer op iets drukt.
Bijvoorbeeld twee keer op home of twee keer op blog





< /code>
js < /p>
function toggleHome() {

document.getElementById("btn1").classList.toggle("btn");

document.getElementById("btn1").classList.toggle("btnOnClick");

document.getElementById("navBlog").classList.toggle("btn");
document.getElementById("navEten").classList.toggle("btn");
document.getElementById("navThuis").classList.toggle("btn");

}

function toggleBlog() {

document.getElementById("btn1").classList.toggle("btn");

document.getElementById("btn1").classList.toggle("btnOnClick");

document.getElementById("navHome").classList.toggle("btn");
document.getElementById("navEten").classList.toggle("btn");
document.getElementById("navThuis").classList.toggle("btn");

}

function toggleEten() {
document.getElementById("btn1").classList.toggle("btn");

document.getElementById("btn1").classList.toggle("btnOnClick");

document.getElementById("navHome").classList.toggle("btn");
document.getElementById("navBlog").classList.toggle("btn");
document.getElementById("navThuis").classList.toggle("btn");

}

function toggleThuis() {
document.getElementById("btn1").classList.toggle("btn");

document.getElementById("btn1").classList.toggle("btnOnClick");

document.getElementById("navHome").classList.toggle("btn");
document.getElementById("navEten").classList.toggle("btn");
document.getElementById("navBlog").classList.toggle("btn");

}

function toggleBtn() {

document.getElementById("btn1").classList.toggle("btn");

document.getElementById("btn1").classList.toggle("btnOnClick");

document.getElementById("navHome").classList.toggle("link");
document.getElementById("navBlog").classList.toggle("link");
document.getElementById("navEten").classList.toggle("link");
document.getElementById("navThuis").classList.toggle("link");

}
< /code>
css < /p>
*{
background-color: rgb(0, 0, 0);
}

.container{
border: 5px solid white;
background-size: contain;
width: 100%;
justify-content: center;
display: flex;
}

.container1{

background-size: contain;
width: 100%;
justify-content: center;
display: flex;
}

a:link {
text-decoration: none;
}

a{
color: white;
}

.link{
color: white;
}

a:hover{
color: aqua;
}

ul{
list-style: none;
}

.btn{
color: transparent;
background-color: transparent;
border: 0px transparent;
position: fixed;

display: none;
}

.btnOnClick{
color: white;
background-color: transparent;
border: 0px;
position: relative;
}

nav{
background-color: red;
}


Подробнее здесь: https://stackoverflow.com/questions/715 ... on-to-work