Afficher la liste

Fait partie de la section Fondamentaux du Journey JavaScript de Coddy. Leçon 74 sur 77.

Défi

Facile

Maintenant, ajoutez une fonction nommée viewList qui ne prend aucun argument et affiche la liste de courses.

La fonction affichera :

Grocery List:
1. Milk
2. Eggs
3. Butter

Pour une liste contenant les éléments suivants ["Milk", "Eggs", "Butter"].

Si la liste est vide, affichez :

The grocery list is empty.

Ajoutez le code suivant à la fin de votre code pour le tester (à la place du code de test précédent) :

viewList();
addItem("Milk");
addItem("Bread");
addItem("Eggs");
viewList();
removeItem("Bread");
viewList();
removeItem("Cheese");

Essayez vous-même

// Grocery list array
let groceryList = [];

// Function to add an item to the grocery list
function addItem(item) {
	groceryList.push(item);
	console.log(`${item} added to the grocery list.`);
}

// Function to remove an item from the grocery list
function removeItem(item) {
	const index = groceryList.indexOf(item);
	if (index !== -1) {
		groceryList.splice(index, 1);
		console.log(`${item} removed from the grocery list.`);
	} else {
		console.log(`${item} is not in the grocery list.`);
	}
}

addItem("Milk");
addItem("Bread");
addItem("Eggs");
removeItem("Bread");
removeItem("Cheese");