HTML : Comment passer à la page suivante par ordre croissant ?

Question

J'ai des fichiers HTML avec des noms numériques dans un dossier appelé Projet comme ceci :

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

Je souhaite ajouter un "Bouton Page suivante" à chaque fichier. Lorsque je clique sur le bouton, le lien hypertexte m'amène à la page suivante par ordre croissant.

Donc, si je suis dans 230530.html, cliquer sur le 230530.html 中，单击下一页按钮 应该会将我带到 230630.htmlbouton de la page suivante devrait m'amener à 230630.html.

Le nom du fichier est essentiellement une date au format AAMMJJ.html

. Les dates ne peuvent pas être consécutives.

Des idées sur la façon de créer un tel script ? 🎜

P粉455093123 · Answer

Voici un code :

// 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];

Si vous êtes sur la dernière page, nextFileName reviendra à l'index 0.