Laravel France

Les modals en JS

Avatar de AlternantLaravel
AlternantLaravel

Bonjour,

Dans un premier temps je vous remercie grandement, ce site ou plutôt ce forum m'a beacoup fait progresser.

Je voudrai bien une explication sur le fonctionnement de ca ...

<script>

    document.addEventListener('DOMContentLoaded', () => {
      const quantities = document.querySelectorAll('input[name="quantity"]');
      quantities.forEach( input => {
        input.addEventListener('input', e => {
          if(e.target.value < 1) {
            e.target.value = 1;
          } else {
            e.target.parentNode.parentNode.submit();
            document.querySelector('#wrapper').classList.add('hide');
            document.querySelector('#action').classList.add('hide');
            document.querySelector('#loader').classList.remove('hide');
          }
        });
      }); 

      const deletes = document.querySelectorAll('.deleteItem');
      deletes.forEach( icon => {
        icon.addEventListener('click', e => {
          e.target.parentNode.parentNode.submit();
          document.querySelector('#wrapper').classList.add('hide');
          document.querySelector('#loader').classList.remove('hide');
        });
      }); 
    });
    
  </script>
Avatar de bestmomo
bestmomo

Bonjour,

La question que tu poses montre essentiellement quelques manques en Javascript. C'est vrai qu'il existe maintenant tellement de librairies qui occultent les mécanismes de Javascript qu'on peut faire l'impasse dans ce domaine. Mais de la même manière qu'il faut connaître PHP pour bien utiliser Laravel, il est aussi essentiel de bien connaître Javascript pour utiliser des librairies comme Vue, React ou Inertia.

J'ai écrit un cours complet sur le sujet. Il y a en particulier un chapitre concernant les événements qui répond grandement à la question posée.

Sinon il faut quand même mettre le code présenté dans son contexte pour bien comprendre son utilité.

Avatar de AlternantLaravel
AlternantLaravel

Merci @bestmomo !

Oui j'ai pas encore fait de javascript, je suis nouveau dans le monde du dev WEB. Je vais de suite commencer a lire ce cours que tu as réalisé !

Merci.

Vous ne pouvez pas répondre à ce sujet.