Uma página é texto
Parte da seção Fundamentos de Express do Journey de Node.js da Coddy. Lição 8 de 23.
Um navegador renderiza uma string HTML como uma página. As tags dão estrutura ao texto: <h1> é um cabeçalho, <ul> é uma lista, e <li> é um item. Uma tag de fechamento encerra cada parte.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;As strings de modelo usam crases para inserir valores. map cria um array de strings de itens; join('') combina essas strings sem vírgulas. Neste exercício, o servidor retorna o HTML dentro de JSON para que você possa inspecionar as tags exatas. A função fornecida recebe um cabeçalho e um array de itens. A seguir, você vai aprender a escapar o texto inserido.
Desafio
FácilEdite exercise.js. O servidor passa um objeto contendo title e um array items. Retorne um único campo html: um cabeçalho seguido de uma lista, com um item para cada string. Mantenha a ordem original dos itens e não coloque vírgulas entre eles.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}Experimente executar: o exemplo GET fornecido produz a resposta acima. Envie GET /result?title=Lunch&item=Rice&item=Beans para obter um cabeçalho e uma lista diferentes. Os valores da consulta se tornam a entrada fornecida à função.
O servidor chama sua função exercise com um título e um array items. Repetir item= na consulta fornece vários itens. Mantenha o método GET selecionado e insira apenas o caminho no campo de solicitação.
Experimente você mesmo
export function exercise({ title, items }) {
return { html: title };
}
Todas as lições de Fundamentos de Express
2Respostas
Respostas JSON
Códigos de statusUma página é textoTexto dentro do HTMLPáginas HTMLArquivos estáticosRedirecionamentosPratique por conta própria: Playground de Express