Calculs simples sous forme html Fermé

Question

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.

tryan44 · Accepted Answer

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

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

Snake38 · Answer

Yes !!   
Tu es très gentil.   

Es-ce que tu pourrais juste m'aider à arrondir les résultats obtenus ? 
Ex: 1,2 => 1   
      201.66206 => 202

Merci =)

Snake38 · Answer

J'ai trouvé tout seul ! var calcul1 = (1.8*somme);//réponse 1 var calcul2 = (5700/2900)*calcul1;//réponse 2 var vcalcul2 = Math.round(calcul2); var calcul3 = (1400/2900)*calcul1;//réponse 3 var vcalcul3 = Math.round(calcul3); //Affiche le résultat dans "mon_div" document.getElementById('mon_div').innerHTML = 'Protéines: '+calcul1+' g
Glucides: '+vcalcul2+' g
Lipides: '+vcalcul3+' g';

tryan44 · Answer

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

Snake38 · Answer

J'ai un problème, ça ne marche pas sous Firefox.. Sur Chrome oui... 

Supprimé à votre demande .

D'où ça peut venir ?

nhefti · Answer

Bonjour,

Si vous ne savez comment coder en HTML, Javascript votre application, vous pouvez la créer avec OpenOffice et la convertir au format HTML via Appizy (http://appizy.com). 

Le service transforme à la volée une feuille de calcul en code HTML, CSS et Javascript pour que les formules restent dynamiques.

Bonne journée
Nicolas

jojono · Answer

C'est juste payant appizy, cet arnaque !!

Calculs simples sous forme html

7 réponses

Discussions similaires