Advertisement
Guest User

Untitled

a guest
Jun 24th, 2019
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.24 KB | None | 0 0
  1. <div class="col-lg-6">
  2. <div class="card">
  3. <ul class="list-group list-group-flush">
  4. <li class="list-group-item">
  5. <div class="row">
  6. <div class="col-md-4">
  7. <img src="../img/produit_newyork_0.jpeg" class="img-fluid float-left mr-5" width="80" height="60"/>
  8. </div>
  9. <div class="col-md-4">
  10. <p class="mb-auto">Lego Architecture</p>
  11. <p class="font-weight-bold">New York City</p>
  12. <p class="font-italic">Quantité : <span class="qte">1</span></p>
  13. </div>
  14. <div class="col-md-4">
  15. <h4 class="text-right prix">49,99€</h4>
  16. </div>
  17. </div>
  18. <div class="row">
  19. <div class="col-md-12">
  20. <button class="btn btn-outline-danger btn-sm float-right suppr">Supprimer <i class="fas fa-trash-alt"></i></button>
  21. </div>
  22. </div>
  23. </li>
  24. <li class="list-group-item">
  25. <div class="row">
  26. <div class="col-md-4">
  27. <img src="../img/produit_londres_0.jpeg" class="img-fluid float-left mr-5" width="80" height="60"/>
  28. </div>
  29. <div class="col-md-4">
  30. <p class="mb-auto">Lego Architecture</p>
  31. <p class="font-weight-bold">Londres City</p>
  32. <p class="font-italic">Quantité : <span class="qte">3</span></p>
  33. </div>
  34. <div class="col-md-4">
  35. <h4 class="text-right prix">49,99€</h4>
  36. </div>
  37. </div>
  38. <div class="row">
  39. <div class="col-md-12">
  40. <button class="btn btn-outline-danger btn-sm float-right suppr">Supprimer <i class="fas fa-trash-alt"></i></button>
  41. </div>
  42. </div>
  43. </li>
  44. </ul>
  45. </div>
  46. </div>
  47.  
  48. <script type="text/javascript>
  49.  
  50. const qte = document.querySelectorAll('.qte');
  51. const suppr = document.querySelectorAll('.suppr');
  52.  
  53. suppr.forEach(function(button) {
  54. button.onclick = (event => {
  55. for(let i=0; i < qte.length; i++){
  56. qte[i].innerText = parseInt(qte[i].innerText) - 1;
  57. }
  58. })
  59. });
  60. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement