Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="col-lg-6">
- <div class="card">
- <ul class="list-group list-group-flush">
- <li class="list-group-item">
- <div class="row">
- <div class="col-md-4">
- <img src="../img/produit_newyork_0.jpeg" class="img-fluid float-left mr-5" width="80" height="60"/>
- </div>
- <div class="col-md-4">
- <p class="mb-auto">Lego Architecture</p>
- <p class="font-weight-bold">New York City</p>
- <p class="font-italic">Quantité : <span class="qte">1</span></p>
- </div>
- <div class="col-md-4">
- <h4 class="text-right prix">49,99€</h4>
- </div>
- </div>
- <div class="row">
- <div class="col-md-12">
- <button class="btn btn-outline-danger btn-sm float-right suppr">Supprimer <i class="fas fa-trash-alt"></i></button>
- </div>
- </div>
- </li>
- <li class="list-group-item">
- <div class="row">
- <div class="col-md-4">
- <img src="../img/produit_londres_0.jpeg" class="img-fluid float-left mr-5" width="80" height="60"/>
- </div>
- <div class="col-md-4">
- <p class="mb-auto">Lego Architecture</p>
- <p class="font-weight-bold">Londres City</p>
- <p class="font-italic">Quantité : <span class="qte">3</span></p>
- </div>
- <div class="col-md-4">
- <h4 class="text-right prix">49,99€</h4>
- </div>
- </div>
- <div class="row">
- <div class="col-md-12">
- <button class="btn btn-outline-danger btn-sm float-right suppr">Supprimer <i class="fas fa-trash-alt"></i></button>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- <script type="text/javascript>
- const qte = document.querySelectorAll('.qte');
- const suppr = document.querySelectorAll('.suppr');
- suppr.forEach(function(button) {
- button.onclick = (event => {
- for(let i=0; i < qte.length; i++){
- qte[i].innerText = parseInt(qte[i].innerText) - 1;
- }
- })
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement