Calcule 3 nombres

Fermé

ran69 - Modifié le 10 nov. 2020 à 22:05
jordane45 Messages postés 38379 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 janvier 2025 - 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:

Calcule 3 nombres
Picasa 3 - Télécharger - Albums photo
Photorecit 3 - Télécharger - Visionnage & Diaporama
Ai suite 3 download - Télécharger - Optimisation
Citez un des logiciels lui permettant de faire des calculs sur des tableaux de nombres (tableur). ✓ - Forum Logiciels
3 emoji - Forum Mail

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38379 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 janvier 2025 4 727
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 ?

jordane45 Messages postés 38379 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 janvier 2025 4 727
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+' €');
      });

    };

ran69 > jordane45 Messages postés 38379 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 janvier 2025
11 nov. 2020 à 18:08

merci beaucoup de votre aide

jordane45 Messages postés 38379 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 janvier 2025 4 727 > jordane45 Messages postés 38379 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 janvier 2025
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>

Réponse 2 / 2

ran69
11 nov. 2020 à 11:42

Désilé bonjour

Discussions similaires

Que signifie cet emoji :3

Voxbone ? qui est-ce ?

Signification de " :3 "

Formule calcul d'un total conditionnel

CALCULS