Calculatrice input avec javascript

Fermé

noj - Modifié par noj le 13/06/2012 à 09:13
sebooch Messages postés 563 Date d'inscription dimanche 25 avril 2010 Statut Membre Dernière intervention 4 janvier 2014 - 23 juil. 2012 à 14:55

Bonjour,

J'aimerais faire une calculatrice qui récupère des ''input''

Comme mes compétences en JavaScript sont très restreintes je suis bloqué à ça:

<html>
<head>
<script language="javascript" type="text/javascript">
function additionCases() {
var total=Number(0);
// On boucle tous les éléments du formulaire
for (var i=0; i<test.elements.length; i++) {
// Si c'est unélément de type « checkbox »
if (test.elements[i].type == 'checkbox') {
// Si la boîte est cochée
if (test.elements[i].checked) {
// on additionne la valeur
total = total + Number(test.elements[i].value);
}
}
}
alert ("Prix totale = "+total);
}
</script>
</head>
<body>
<form name="test" id="test">
<input type="checkbox" name="case" value=400> Valeurs 1<br>
<input type="checkbox" name="case" value=200> Valeurs 2<br>
<input type="checkbox" name="case" value=200> Valeurs 3<br>
<input type="checkbox" name="case" value=200> Valeurs 4<br>
<input type="checkbox" name="case" value=100> Valeurs 5<br>
<input type="checkbox" name="case" value=300> Valeurs 6<br>
<br><br>
<input type="button" name="appel_js" value="OK" onClick="additionCases();">
</form>
</body>
</html>

J'aimerais encore avoir un input type texte qui pourrais gérer le nombre d'utilisateur que l'utilisateur souhaite et qui donc multiplierais par le nombre que l'utilisateur entre dans le ''input''.

Et j'aimerais pour finir que le premier checkbox soit obligé d'avoir la '' Valeur 1" car c'est le module de base.

Est-ce que quelqu'un pourrais m'aider assez rapidement ?

A voir également:

Calculatrice input avec javascript
Telecharger javascript - Télécharger - Langages
Installer calculatrice sur mon portable - Télécharger - Calcul & Conversion
Calculatrice gratuit - Télécharger - Calcul & Conversion
Input not supported ✓ - Forum Jeux PC
Input signal out of range - Forum Ecran

1 réponse

Réponse 1 / 1

sebooch Messages postés 563 Date d'inscription dimanche 25 avril 2010 Statut Membre Dernière intervention 4 janvier 2014 22
23 juil. 2012 à 14:55

Ai-je bien compris ta demande ?

<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script language="javascript" type="text/javascript"> 
function additionCases() { 
  var resultat;
  var total = Number(0);
  var nb_util = document.getElementById('nb_utilisateur').value; 
  
  for(var i=0;i<test.elements.length;i++) { // On boucle tous les éléments du formulaire 
    if((test.elements[i].type == 'checkbox') && (test.elements[i].checked)){ // Si c'est un élément de type « checkbox » coché 
      total = total + Number(test.elements[i].value); 
    }  
  }
  resultat = total * nb_util; 
  alert ("Prix totale = "+total+" / Nb d'utilisateurs = "+nb_util+" / Muliplication = "+resultat); 
} 
</script> 
</head> 
<body> 
<form name="test" id="test"> 
  <input type="checkbox" name="case" value="400" checked> Valeurs 1<br> 
  <input type="checkbox" name="case" value="200"> Valeurs 2<br /> 
  <input type="checkbox" name="case" value="200"> Valeurs 3<br /> 
  <input type="checkbox" name="case" value="200"> Valeurs 4<br /> 
  <input type="checkbox" name="case" value="100"> Valeurs 5<br /> 
  <input type="checkbox" name="case" value="300"> Valeurs 6<br /><br />
  <label>Nombre d'utilisateurs souhaité : </label><input type="text" id="nb_utilisateur" name="case" size="50" value="1"><br /><br /> 
  <input type="button" name="appel_js" value="OK" onClick="additionCases();"> 
</form> 
</body> 
</html>

Discussions similaires

input signal out of range

Factoriel avec CASIO GRAPH 35+?

No video input après mise en veille

Javascript Arrondi à 2 chiffres après la virgule

No video input

Discussions similaires

Newsletters