Calcule 3 nombres

Fermé
Signaler
-
Messages postés
34273
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2021
-
J'essaye de calculer la multiplication de trois variables en jquery ajax, je n'ai pas d'erreur mais y'a rien qui se passe? quelqu'un peut m'éclairer SVP
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>keyup demo</title>
  <form action="" method="post" id="formPanier_65" class="edition-panier">
    
    <label> valeur 1
    <input name="val1" id="val1" class="val1"  type="text">
    </label>

    <label> valeur2
        <input name="val2" id="val2" class="val2"  type="text">
        </label>

        <label> valeur3
            <input name="val3" id="val3" class="val3"  type="text">
              
   
    <span class="resultat"></span>
    </label>
    
    </form>



  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
  <script type="text/javascript">

    
    $(document).ready(function(){
                var calc = new Calculator();
                calc.run();
            });

            function Calculator(){
       
              $('form').each(function(){
                  var val1 = $(this).find("input[name='val1']").val();
                  var val2 = $(this).find("input[name='val2']").val();
                  var val3 = $(this).find("input[name='val3']").val();
                  var cout = val1 * val2 * val3;
                  $(this).find('span.resultat').text(cout+' €');
              });

         
          };

   </script>
</body>
</html>
 

2 réponses

Messages postés
34273
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2021
3 871
Déjà..... bonjour.

Ensuite,
Avec quoi déclenche tu l'appelles à ta fonction de calcul ?
Tu n'as géré aucun event... Keyup par exemple ??

et puis je ne comprends pas ton code pourquoi faire une boucle ?


Cordialement,
Jordane
Messages postés
34273
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2021
3 871
   $(document).ready(function(){
       Calculator();
    });

    function Calculator(){

      $('.nombre').on('keyup',function(){
        var val1 = $('#val1').val();
        var val2 = $('#val2').val();
        var val3 = $('#val3').val();
        var cout = val1 * val2 * val3;
        $('span.resultat').text(cout+' €');
      });

    };

>
Messages postés
34273
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2021

merci beaucoup de votre aide
Messages postés
34273
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2021
3 871 >
Messages postés
34273
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 décembre 2021

J'ai oublié de te remettre le HTML que j'ai également un peu modifié

<label> valeur 1
     <input name="val1" id="val1" class="nombre"  type="text">
 </label>
 <label> valeur2
      <input name="val2" id="val2" class="nombre"  type="text">
</label>
 <label> valeur3
     <input name="val3" id="val3" class="nombre"  type="text">
 </label>          
 <span class="resultat"></span>
Désilé bonjour