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");