如何为更改文件夹 html + 纯 JS 创建简单的分页

如何解决如何为更改文件夹 html + 纯 JS 创建简单的分页

如何创建更改文件夹分页？ 例如：

1. 文件夹下有一些子文件夹，例如：1,2,3,...,以后会添加A1,A2,A3,A4,... 还会添加另一个名称的文件夹B1,B2,B3,B4、C1、C2、C3 ...等
2. 只能选择 A 的文件夹'，
3. 自动检测分页最大数量的文件夹数量。
4. 仅使用 HTML + 纯 JS 来创建简单的分页。
5. 里面的每个子文件夹都有 index.html 文件作为默认页面。
6. 每个 index.html 页面有一个 jQuery dataTables（以后会变成纯 JS）
7. 分页显示在每个 index.html 页脚上。

我曾尝试与其他分页合作，但最终出现了一些错误，无法解决。例如：

https://flaviusmatis.github.io/simplePagination.js/#page-20
https://www.jqueryscript.net/other/ajax-static-pagination.html
https://www.jqueryscript.net/demo/generic-px-pagination/
https://bilalakil.github.io/bin/simplepagination/#page-1

临时使用 px-pagination，它可以为我工作。但是有一些副作用仍然无法解决，可能只发生在我的情况下。但是，我无法检查它的详细信息，这就是为什么，我希望更改为纯 JS 替换这些 jQuery、px-pagination、bootstrap 等。

https://alumnivtcedu-my.sharepoint.com/:u:/g/personal/nelsonip_alumni_vtc_edu_hk/EbDHrXqbJAFPi3FukvSwm18B0fUbTfHcEC20gSK2ceXjYA?e=qB7F5D

上面的超链接是我简单完成的作品，希望听听大家的意见和建议！谢谢！