freeCodeCamp/guide/spanish/certifications/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals/index.md

title	localeTitle
Create Strings Using Template Literals	Crear cadenas usando literales de plantilla

En lugar de utilizar concatenación de cadenas, ES6 ofrece literales de plantilla para crear cadenas. En este desafío, tienes que usar literales de plantilla para crear una serie de advertencias de texto.

Recuerda usar Read-Search-Ask si te atascas. Intenta vincular el programa y escribe tu propio código.

Explicación del problema:

Se requiere usar literales de plantilla para devolver una lista, ya que cada elemento de la matriz, ya que el elemento se incluirá en una etiqueta <li></li> .

Sugerencia: 1

• Use la función map() para aplicar los literales de la plantilla en todos los elementos arr

intenta resolver el problema ahora

Sugerencia: 2

• Dentro del map() usa una función de flecha que tiene un element como parámetro y devuelve <li></li> que tiene la clase de advertencia de texto y que contiene el element en su interior

intenta resolver el problema ahora

¡Alerta de spoiler!

¡Solución por delante!

const resultDisplayArray = arr.map(item => `<li class="text-warning">${item}</li>`);

No hay mapa () solución

A pesar de que es una solución menos flexible, si conoce la cantidad de elementos de antemano, puede enumerarlos como en

const resultDisplayArray = [`<li class="text-warning">${arr[0]}</li>`, `<li class="text-warning">${arr[1]}</li>` ,`<li class="text-warning">${arr[2]}</li>`];