Menambahkan Data dan Rute Parameter

Membuat folder baru dengan nama data kemudian membuat file baru dengan nama flashCardData.js

{
    "data": {
        "title": "Kuis Flash",
        "cards": [
            {
                "soal": "Siapa aku?",
                "hint": "Kira kira aja",
                "jawaban": "Hikmat"
            },
            {
                "soal": "Umurnya berapa?",
                "hint": "20an",
                "jawaban": "23"
            },
            {
                "soal": "Orang mana?",
                "hint": "Kota ini",
                "jawaban": "Bandung"
            },
            {
                "soal": "Kerja dimana?",
                "hint": "kamu ini lagi dimana?",
                "jawaban": "Makers Institute"
            },
            {
                "soal": "Udah makan belum?",
                "hint": "wah rahasia",
                "jawaban": "Udah harusnya"
            }
        ]
    }
}

Kemudian tambahkan data json tersebut di cards.js

const { data } = require('../data/flashCardData.json')
const { cards } = data

// panggil data tersebut untuk di render
router.get('/', (req, res) => {
    res.render('card', {
        soal: cards[0].soal,
        hint: cards[0].hint
    })
})

Lalu cek di browser untuk melihat hasilnya

Selanjutnya, kita dapat menggunakan route parameter dengan menggunakan :

router.get('/:id', (req, res) => {
    res.render('card', {
        soal: cards[req.params.id].soal,
        hint: cards[req.params.id].hint
    })
})