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

Question

我在名為Project的資料夾中有一些具有數字名稱的HTML文件，如下所示：230512.html230519.html230530.html230630.html240120.html我想在每個文件中新增一個「下一頁按鈕」。當我單擊該按鈕時，超連結會將我帶到按升序排列的下一個頁面。因此，如果我在230530.html中，點擊下一頁按鈕應該會將我帶到230630.html。檔案名稱基本上是YYMMD

P粉455093123 · Answer

這裡有一些程式碼：

// 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。