basic-single-page-application

a easy way to create basic single page application without even using things like router

example url

• https://basicspa.vercel.app/#three
• https://basicspa.vercel.app/#two

usage

• add cdn link to your html file in end of body

  <script src="https://cdn.jsdelivr.net/gh/pushkarydv/basic-single-page-application@main/index.js"></script>
  

• add a script just after cdn

• adding pages

  give id to a section of page and then add it using inbuilt function

  <section id="page1"></section>
  

  you can add as many pages as you want

  addPage("page1");
  

  this will basically hide it from page and it will be called when url changes fir example

  https://basicspa.vercel.app/#three this page will only show section of id three other all pages added will be hidden

• setting main page of app

  setMainPage("one");
  

• finally initialize it all

  pagesInit();
  

• redirect without refreshing

  <a href="#one" class="pageLink" onclick="goToPage('one')">go to one</a>