Calcule 3 nombres

Signaler
-
Messages postés
30123
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
12 novembre 2020
-
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
30123
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
12 novembre 2020
2 961
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
30123
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
12 novembre 2020
2 961
   $(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
30123
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
12 novembre 2020

merci beaucoup de votre aide
Messages postés
30123
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
12 novembre 2020
2 961 >
Messages postés
30123
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
12 novembre 2020

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