Sujet Précédent Sujet Suivant

Calcule 3 nombres

Fermé
ran69 - Modifié le 10 nov. 2020 à 22:05
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 - 11 nov. 2020 à 18:31
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>
A voir également:

2 réponses

Réponse 1 / 2
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
Modifié le 11 nov. 2020 à 12:33
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 ?


0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
10 nov. 2020 à 22:23 
   $(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+' €');
      });

    };
0
ran69 > jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024
11 nov. 2020 à 18:08
merci beaucoup de votre aide
0
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649 > jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024
Modifié le 11 nov. 2020 à 18:32
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>
0
Réponse 2 / 2
ran69
11 nov. 2020 à 11:42
Désilé bonjour
0

Discussions similaires

Que signifie cet emoji :3
Moi -
AssassinTourist -

2 réponses
Signification de " :3 "
blanchecanelle -
Pistounette -

5 réponses
formule de calcule
daniel4577 -
Gyrus -

1 réponse
logiciel pour tableau
aket69 -
aket69 -

3 réponses
Formule calcul d'un total conditionnel
Cloclem -
Cloclem -

2 réponses