Discussion :

[Lunesti]

Bonjour, J'ai créé un panier d'achat pour lequel il y a un maximum d'article que le client peut acheter. J'ai fixé le nombre d'article à 25.

Si le client sélectionne plus de 25 fois le même article, je souhaite stopper l'ajout de cet article, et donc bloquer l'affichage à 25.

Mais dans mon code l'affichage va au delà de 25 malgré ma condition ...


Voila à quoi ça ressemble, lorsque je clique sur le "+" j'ajoute 1 à chaque fois

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
const shoppingList = [{
        product: 'headphone',
        quantity: 25,
        price: 2999
    },
    {
        product: 'earphone',
        quantity: 28,
        price: 110
    },
    {
        product: 'speakers',
        quantity: 14,
        price: 98
    }
];
 
 
 
add.addEventListener('click', function() {
    if (shoppingList[0]) {
 
        // On ajoute un produit à chaque clique
        items.textContent++;
 
 
        // On enlève à chaque fois une quantité du produit
        shoppingList[0].quantity--;
        console.log(shoppingList[0].quantity);
 
        if (shoppingList[0].quantity === 0) {
          // ICI stopper l'ajout
         // items.textContent === 25, soit le maximum possible
        }
 
 
        // On stocke le prix total en fonction du nombre d'article choisi
        const totalPrice = parseInt(price.textContent) + shoppingList[0].price;
 
        // Le prix affiché correspond au nombre de produit choisi
        price.textContent = totalPrice;
 
 
        numberOfProducts.textContent = 'x' + items.textContent;
        numberOfProducts.style.color = '#000';
 
 
        headphoneMarkTwoImg.style.display = 'block';
        product.textContent = 'xx99 mk ii';
    }
});

Voici ce que j'ai essayé mais ça ne fonctionne pas.

Merci pour votre aide