Calcule 3 nombres
ran69
-
jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention -
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
-
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 ?
-
$(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+' €'); }); };- 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>
-
-
