Calculs simples sous forme html

Calcul
Html

Snake38 Messages postés 273 Date d'inscription Statut Membre Dernière intervention -
jojono Messages postés 12 Date d'inscription Statut Membre Dernière intervention - 18 juin 2014 à 12:24

Bonjour,

Ce que je vais vous demander est plutôt simple, mais voilà je ne sais pas faire, c'est pourquoi je compte énormément sur votre aide. Je veux élaborer une page capable de calculs rapides.

Je veux prévoir un champ où l'utilisateur tape une valeur: Y

Et je veux faire des calculs. Les résultats de ces calculs sont présentés dans 3 autres champs: champ_réponse1 champ_réponse2 et champ_réponse3

Avec comme contenus de ces champs, des calculs:
champ_réponse1: 1,8 x Y
champ_reponse2: (5700/2900) x champ_réponse1
champ_reponse3: (1400/2900) x champ_réponse1

Voilà...

Quelqu'un peut-il m'éclairer ?
Merci.

A voir également:

Html calcul automatique
Réponse automatique thunderbird - Guide
Recherche automatique des chaînes ne fonctionne pas - Guide
Logiciel de sauvegarde automatique gratuit - Guide
Calcul moyenne excel - Guide
Editeur html - Télécharger - HTML

7 réponses

Réponse 1 / 7

tryan44 Messages postés 1288 Date d'inscription Statut Membre Dernière intervention 220

Salut,

Je préviens d'emblée, je suis nul en Javascript mais voici un petit code qui peut peut être faire l'affaire :

<html> 
<head> 

<script language="JavaScript" type="text/javascript"> 
function AFFICHE(calcul){ 

 var somme = document.getElementById('somme').value;//saisie utilisateur 
 //on remplace la virgule par un point 
 somme = somme.replace(",",".", somme);  
 //on teste si la valeur est numérique 
 if (isNaN(somme)) 
 { 
  alert("Le nombre doit être numérique"); 
  return false; 
 }  
 //tout est ok 
    else 
 var calcul1 = (1.8*somme);//réponse 1 
 var calcul2 =(5700/2900)*calcul1;//réponse 2 
 var calcul3 = (1400/2900)*calcul1;//réponse 3  

 //Affiche le résultat dans "mon_div" 
 document.getElementById('mon_div').innerHTML = 'Saisie utilisateur : '+somme+'<br/>Calcul 1 : '+calcul1+'<br/>Calcul 2 : '+calcul2+'<br/>Calcul 3 : '+calcul3+'';  
} 
</script> 

</head> 

<body> 

<form id="form" name="form"> 
<input type="text" id="somme" value=""/>  
<input type="button" value="go" onclick="javascript:AFFICHE();"> 
</form> 

<div id="mon_div"></div> 

</body> 
</html>

Une question stupide engendre une réponse stupide!
Une question mal formulé engendre une réponse aléatoire!

Réponse 3 / 7

tryan44 Messages postés 1288 Date d'inscription Statut Membre Dernière intervention 220

<html>
<head>

<script language="JavaScript" type="text/javascript">
function AFFICHE(calcul){
     //saisie utilisateur
	var somme = document.getElementById('somme').value;
	//on remplace la virgule par un point
	somme = somme.replace(",",".");	
	//Si le champ est vide
	if(somme == ''){
		document.getElementById('mon_div').innerHTML = 'On ne va pas aller bien loin sans saisie!'; 
		document.getElementById("somme").style.border = "1px solid red"; 
		return false;
	}
	//On teste si la valeur est de type numérique
	else if (isNaN(somme))
	{
		document.getElementById('mon_div').innerHTML = 'Merci de saisir un chiffre!'; 
		return false;
	}	
	//tout est ok
	else
	var calcul1 = (1.8*somme);//réponse 1
	var calcul2 =(5700/2900)*calcul1;//réponse 2
	var calcul3 = (1400/2900)*calcul1;//réponse 3 

	//Affiche le résultat dans "mon_div"
	//Math.round() arrondit à l'entier le plus proche
	document.getElementById('mon_div').innerHTML = 'Saisie utilisateur : '+somme+'<br/>Calcul 1 : '+Math.round(calcul1)+'<br/>Calcul 2 : '+Math.round(calcul2)+'<br/>Calcul 3 : '+Math.round(calcul3)+''; 
}
</script>

</head>

<body>

<form id="form" name="form">
<input type="text" id="somme" value=""/> 
<input type="button" value="go" onclick="javascript:AFFICHE();">
</form>

<div id="mon_div"></div>

</body>
</html>

Réponse 6 / 7

Snake38 Messages postés 273 Date d'inscription Statut Membre Dernière intervention 57

J'ai un problème, ça ne marche pas sous Firefox.. Sur Chrome oui...

Supprimé à votre demande .

D'où ça peut venir ?

link15 Messages postés 15 Date d'inscription Statut Membre Dernière intervention

Personnellement, je n'ai pas de problèmes sous Firefox avec ton site.

tryan44 Messages postés 1288 Date d'inscription Statut Membre Dernière intervention 220

Le script fonctionne très bien sous IE9, Chrome et Firefox (12.0), je viens de tester.

Calculs simples sous forme html

7 réponses

Votre réponse

Discussions similaires