Imprimir una lista de compras Cree una función llamada imprimir lista de compras que tome una lista de productos e imprima los artículos en la pantalla.
// shopping List = [ { item Name : 'Bread', price : 11.00 }, { item Name : 'Milk', price : 7.00 }, { item Name : 'Cheese', price : 19.50 } ]; This should print: Shopping list: * Bread @ R11.00 * Milk @ R7.00 * Cheese @ R19.50console.log('Shopping List:'); shoppingList.forEach(ele => { console.log('*'+ele.ItemName+'@'+'R'+ele.price); );Espero que esto ayude.
Puedes probar el siguiente código. Espero eso ayude.
const shoppingList = [{ itemName: 'Bread', price: 11.00 }, { itemName: 'Milk', price: 7.00 }, { itemName: 'Cheese', price: 19.50 } ]; const itemsHTML = shoppingList.map(item => ( `<li>${item.itemName} @ R${item.price}</li>` )) document.write(`<ul>${itemsHTML}</ul>`);Simplemente puede lograrlo creando un nodo en el DOM de HTML y creando la cadena personalizada usando una cadena de plantilla .
demostración:
const shoppingList = [ { itemName : 'Bread', price : 11.00 }, { itemName : 'Milk', price : 7.00 }, { itemName : 'Cheese', price : 19.50 } ]; shoppingList.forEach(item => { const node = document.createElement("li"); const liNode = document.getElementById('priceList').appendChild(node); liNode.innerHTML = `${item.itemName} @ R${item.price}` }); <ul id="priceList"></ul>