Calculatrice input avec javascript

Fermé

noj - Modifié par noj le 13/06/2012 à 09:13
Utilisateur anonyme - 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
Calculatrice gratuit - Télécharger - Calcul & Conversion
Application calculatrice - Télécharger - Calcul & Conversion
No video input ✓ - Forum Matériel & Système
Input not supported - Forum Ecran

1 réponse

Réponse 1 / 1

Utilisateur anonyme
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

comment désactiver out of range

Javascript Arrondi à 2 chiffres après la virgule

No video input après mise en veille

no input signal