Javascript 显示从express传递到ejs模板的数组的单个项，使用“下一步”按钮切换单个项

这里我定义了一个查找问题数组中所有项目的路径，然后将该数组传递给ejs模板，这里的问题是我想在ejs页面上呈现一个项目，而不是所有项目，使用“下一步”按钮，该按钮应切换下一个项目

//这将导致

以前的
下一个

您必须使用MongoDB使用查询限制和如下页面对数据进行分页

您可以将限制配置为任意，但如果希望分页，请将其保留为1。 换句话说，您可以像这样使用URL中的查询来控制页面和限制。

localhost:3000/posts？page=1&limit=6

这将从数据库中取出六篇文章。 这是你的解决方案

app.get('/game', (req, res) => {    
const { page = 1, limit = 1} = req.query
    if (req.isAuthenticated()) { 
        const userId = req.user; //  iD is provided by passport.js
       const users = User.find({ _id: userId   }).limit(limit * 1).skip((page - 1) * limit )

res.render('game', { questions: users.question })
    } else {
        res.render('login');
    }
}

app.get('/game', (req, res) => {    
    if (req.isAuthenticated()) { 
        const userId = req.user; //  iD is provided by passport.js
        User.find({ _id: userId }, (err, foundUser) => {
            foundUser.forEach((user) => {

                res.render('game', { questions: user.question }); //here questions is passed as an array variable to the ejs template
            });

        });

    } else {
        res.render('login');
    }
});

<%-include('partials/header')%>

    <div class="jumbotron">
        <h1 class="display-4">

            <%= questions%>// this will render 

        </h1>

        <hr class="my-4">
        <button class="btn btn-primary btn-lg" name="btn" value="">Previous</button>
        <button class="btn btn-primary btn-lg" name="btn" value="">Next</button>

        </p>
    </div>

<%-include('partials/footer')%>

app.get('/game', (req, res) => {    
const { page = 1, limit = 1} = req.query
    if (req.isAuthenticated()) { 
        const userId = req.user; //  iD is provided by passport.js
       const users = User.find({ _id: userId   }).limit(limit * 1).skip((page - 1) * limit )

res.render('game', { questions: users.question })
    } else {
        res.render('login');
    }
}