Una pagina è testo
Fa parte della sezione Fondamenti di Express del percorso Node.js di Coddy. Lezione 8 di 23.
Un browser visualizza una stringa HTML come pagina. I tag danno struttura al testo: <h1> è un'intestazione, <ul> una lista e <li> un elemento. Un tag di chiusura termina ogni parte.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;Le stringhe template usano i backtick per inserire valori. map crea un array di stringhe per gli elementi; join('') le combina senza virgole. In questo esercizio, il server restituisce l'HTML all'interno di JSON, così puoi esaminare i tag esatti. La funzione fornita riceve un'intestazione e un array di elementi. Nel prossimo passaggio vedrai come eseguire l'escape del testo inserito.
Sfida
FacileModifica exercise.js. Il server passa un oggetto contenente title e un array items. Restituisci un unico campo html: un'intestazione seguita da un elenco, con un elemento per ogni stringa. Mantieni l'ordine originale degli elementi e non inserire virgole tra gli elementi.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}Prova «Esegui»: l'esempio GET fornito produce la risposta qui sopra. Invia GET /result?title=Lunch&item=Rice&item=Beans per ottenere un'intestazione e un elenco diversi. I valori della query diventano l'input fornito alla funzione.
Il server chiama la tua funzione di esercizio con un titolo e un array items. Ripetendo item= nella query, si forniscono più elementi. Mantieni selezionato il metodo GET e inserisci solo il percorso nel campo della richiesta.
Provalo tu
export function exercise({ title, items }) {
return { html: title };
}
Tutte le lezioni di Fondamenti di Express
2Risposte
Risposte JSON
Codici di statoUna pagina è testoTesto all’interno di HTMLPagine HTMLFile staticiReindirizzamentiEsercitati da solo: Playground Express