js实现长文章分页

function paginateText(text, wordsPerPage) {
    const words = text.split(' ');
    const pages = [];
    for (let i = 0; i < words.length; i += wordsPerPage) {
        pages.push(words.slice(i, i + wordsPerPage).join(' '));
    }
    return pages;
}

function displayPage(pageNumber, pages) {
    const contentElement = document.getElementById('content');
    contentElement.textContent = pages[pageNumber - 1] || '';
}

document.getElementById('nextPage').addEventListener('click', function() {
    currentPage++;
    if (currentPage > pages.length) currentPage = pages.length;
    displayPage(currentPage, pages);
});

document.getElementById('prevPage').addEventListener('click', function() {
    currentPage--;
    if (currentPage < 1) currentPage = 1;
    displayPage(currentPage, pages);
});

// 假设长篇文章内容存储在变量longArticle中
const longArticle = "这里是长篇文章的内容...";
const wordsPerPage = 50; // 每页显示50个单词
const pages = paginateText(longArticle, wordsPerPage);
let currentPage = 1;

// 初始显示第一页
displayPage(currentPage, pages);