Halaman Adalah Teks
Termasuk bagian Dasar-Dasar Express dalam perjalanan Node.js di Coddy. Pelajaran 8 dari 23.
Browser menampilkan string HTML sebagai halaman. Tag memberi struktur pada teks: <h1> adalah judul, <ul> adalah list, dan <li> adalah satu item. Tag penutup mengakhiri setiap bagian.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;Template string menggunakan backtick untuk menyisipkan nilai. map membuat array berisi string item, sedangkan join('') menggabungkannya tanpa koma. Dalam latihan ini, server mengembalikan HTML di dalam JSON agar kamu bisa memeriksa tag yang persis. Fungsi yang disediakan menerima judul dan array berisi item. Selanjutnya, kamu akan mempelajari cara melakukan escaping pada teks yang disisipkan.
Tantangan
MudahEdit exercise.js. Server memberikan object yang berisi title dan array items. Kembalikan satu field html: sebuah heading yang diikuti list, dengan satu item untuk setiap string. Pertahankan urutan item semula dan jangan letakkan koma di antara item.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}Coba Jalankan: contoh GET yang diberikan menghasilkan respons di atas. Kirim GET /result?title=Lunch&item=Rice&item=Beans untuk mendapatkan heading dan list yang berbeda. Nilai query menjadi input fungsi yang diberikan.
Server memanggil fungsi exercise-mu dengan title dan array items. Mengulang item= dalam query akan memberikan beberapa item. Tetap pilih metode GET dan masukkan hanya path di kotak permintaan.
Coba sendiri
export function exercise({ title, items }) {
return { html: title };
}
Semua pelajaran di Dasar-Dasar Express
2Tanggapan
Tanggapan JSONLatihan sendiri: Playground Express