title: how to create simple pagination for change folder html + pure JS
body: <p>how to create change folder pagination?
  e.g.:</p>
  <ol>
  <li>Under folder have some sub-folders, eg: 1, 2, 3,..., future will add A1, A2, A3, A4, ... also will add another name of folders B1, B2, B3, B4, C1, C2, C3 ..., etc.</li>
  <li>available only choose A's folders',</li>
  <li>auto detect how many folders for paginate max number.</li>
  <li>just using HTML + pure JS for create simple pagination.</li>
  <li>each sub-folder inside have index.html file as default page.</li>
  <li>each index.html page have one jQuery dataTables (future will change to pure JS)</li>
  <li>pagination show on each index.html page footer.</li>
  </ol>
  <p>i was try co-operating with other pagination, but finally have some bug and cannot solve. such as:</p>
  <blockquote>
  <p><a href="https://flaviusmatis.github.io/simplePagination.js/#page-20" rel="nofollow noreferrer">https://flaviusmatis.github.io/simplePagination.js/#page-20</a>
  <br>
  <a href="https://www.jqueryscript.net/other/ajax-static-pagination.html" rel="nofollow noreferrer">https://www.jqueryscript.net/other/ajax-static-pagination.html</a>
  <br>
  <a href="https://www.jqueryscript.net/demo/generic-px-pagination/" rel="nofollow noreferrer">https://www.jqueryscript.net/demo/generic-px-pagination/</a>
  <br>
  <a href="https://bilalakil.github.io/bin/simplepagination/#page-1" rel="nofollow noreferrer">https://bilalakil.github.io/bin/simplepagination/#page-1</a>
  <br></p>
  </blockquote>
  <p>Temporary using px-pagination, it can work for me. But have some side effects still cannot solve, maybe only occur on my case. However, I cannot check it details, that is why, I wish change to pure JS replaced these jQuery, px-pagination, bootstrap, etc.</p>
  <blockquote>
  <p><a href="https://alumnivtcedu-my.sharepoint.com/:u:/g/personal/nelsonip_alumni_vtc_edu_hk/EbDHrXqbJAFPi3FukvSwm18B0fUbTfHcEC20gSK2ceXjYA?e=qB7F5D" rel="nofollow noreferrer">https://alumnivtcedu-my.sharepoint.com/:u:/g/personal/nelsonip_alumni_vtc_edu_hk/EbDHrXqbJAFPi3FukvSwm18B0fUbTfHcEC20gSK2ceXjYA?e=qB7F5D</a></p>
  </blockquote>
  <p>upper hyperlink is my simple finished work, wish listen any comments and suggestions from you! Thanks!</p>