HTML：如何以升序前往下一頁？

Question

我在名為 Project 的資料夾中有一些具有數字名稱的 HTML 文件，如下所示：

230512.html
230519.html
230530.html
230630.html
240120.html

我想在每個文件中新增一個「下一頁按鈕」。當我單擊該按鈕時，超連結會將我帶到按升序排列的下一個頁面。

因此，如果我在 230530.html 中，點擊下一頁按鈕 應該會將我帶到 230630.html。

檔案名稱基本上是 YYMMDD.html 格式的日期。日期可能不連續。

有什麼想法，如何創建這樣的腳本嗎？

Answer 1

這裡有一些程式碼：

// get current filename
let currentFileName = location.pathname.split('/').pop();

  // Get the list of all HTML files in the "Project" folder
  let fileNames = [
    '230512.html',
    '230519.html',
    '230530.html',
    '230630.html',
    '240120.html'
  ];

  // Find the index of the current file in the list
  let currentIndex = fileNames.indexOf(currentFileName);

  // Calculate the index of the next file
  let nextIndex = (currentIndex + 1) % fileNames.length;

  // Get the name of the next file
  let nextFileName = fileNames[nextIndex];

如果您在最後一頁，nextFileName 將會回到索引 0。