Uj, men du... Angular, vue.js och React kanske är på tok overkill om det bara är en så enkel sida du ska göra Något i stil med följande rader html + js räcker:
<!doctype html>
<html>
<head>
<style>
.showing {
display: block
}
.notShowing {
display: none
}
</style>
</head>
<div id="sida-1" class="showing">
</div>
<div id="sida-2" class="notShowing">
</div>
<button click="next Page">Nästa sida</button>
<script>
function nextPage() {
let currentPage = document.querySelector('.showing');
currentPage.classList.toggle('showing');
currentPage.classList.toggle('notShowing');
let pageNum = parseInt(current Page.id);
pageNum++;
if (pageNum > 2) {
pageNum = 1;
}
let nextPage = document.querySelector(`sida-${pageNum}`);
nextPage.classList.toggle('notShowing');
nextPage.classList.toggle('showing');
}
</script>
Så... Men ta inte det här som ett rätt svar. Ville bara visa att det går att få samma funktionalitet på några få rader js istället för att dra in tusentals rader kod bara för att byta en sida
OBS! Har inte testat koden och skrivit den på min telefon så jag hoppas den funkar som det är tänkt!
Skickades från m.sweclockers.com