Page avec calcul rapide automatique

momofromparis -  
nhefti Messages postés 43 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Ce que je vais vous demander me semble 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 un champ où l'utilisateur tape une valeur Y
et ou le calcul s'affiche instantanément dans 3 champs (HT, TVA & TTC)

Voila le calcul pour chaque champ :

champ_réponse 1 HT = (Y*3)-[(Y*3)*20%]
champ_reponse 2 TVA = (Y*3)*20%
champ_reponse 3 TTC = Y*3


Voilà...
Quelqu'un peut-il m'éclairer ?
Merci
A voir également:

4 réponses

Kaldoran Messages postés 137 Date d'inscription   Statut Membre Dernière intervention   29
 
Salut,

Pour ce faire tu devra utiliser du javascript pour que ceci soit fait sans actualiser la page

Tu devras alors faire 4 inputs
un qui permettra d'entrer la valeur Y

Puis avec du javascript tu la récuperera puis fera tes calcules et pourra ensuite inserer les valeurs dans les 3 champs restant
0
Ysabe_l Messages postés 12714 Date d'inscription   Statut Contributeur Dernière intervention   277
 
Salut,

Voilà un exemple vite fait de ce que tu veux : http://ysabel.fr/calculstva/

Et le code correspondant (regarde bien les commentaires pour comprendre ce que ça fait) :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>calculs javascript</title>
		<meta name="description" content="" />
	</head>
	<body>
		<h1>Calculs de TVA</h1>
		<p>Entrer la valeur HT et cliquer sur le bouton pour effectuer les calculs.</p>
		<input type="text" id="valeur_de_base" /> <!-- le champ pour entrer la valeur -->
		<input type="button" value="calculer" id="valider" onClick="calculs();" /><!-- bouton de validation qui lance le script -->

		<div id="reponses" style="visibility:hidden;"> <!-- span vides dans lesquels les réponses seront érites par le script -->
			<p>HT : <span id="reponse_ht"></span></p>
			<p>TVA : <span id="reponse_tva"></span></p>
			<p>TTC : <span id="reponse_ttc"></span></p>
		</div>

		<!-- le script -->
		<script language = "javascript">
		function calculs() {
			// on crée une variable pour les tests
			var erreur = false;
			// on récupère la valeur entrée
			var valeur = document.getElementById("valeur_de_base").value;
			// on vérifie que le champ n'est pas vide
			if(valeur == "") {
				alert("vous devez entrer une valeur pour effectuer les calculs");
				erreur = true;
			}
			// on vérifie contient bien un nombre
			if(isNaN(valeur) == true) {
				alert("vous avez entré autre chose qu'un nombre");
				erreur = true;
			}
			// si tout est bon
			if(erreur == false) {
				// on fait tous les calculs
				var ht = (valeur*3)-((valeur*3)*0.2);
				var tva = (valeur*3)*0.2;
				var ttc = valeur*3;
				// on les affiche dans les bonnes div
				document.getElementById('reponse_ht').innerHTML = ht;
				document.getElementById('reponse_tva').innerHTML = tva;
				document.getElementById('reponse_ttc').innerHTML = ttc;
				// on affiche la div des réponses
				document.getElementById('reponses').style.visibility="visible";
			}
		}
		</script>
	</body>
</html>
0
Ysabe_l Messages postés 12714 Date d'inscription   Statut Contributeur Dernière intervention   277
 
Alors ça te convient ou pas ?
0
nhefti Messages postés 43 Date d'inscription   Statut Membre Dernière intervention   1
 
Bonjour,

Si tu ne sais pas coder ta page mais créer ton calculateur avec Excel ou OpenOffice tu peux faire le lien avec Appizy (http://appizy.com).

Le logiciel te convertit en ligne un tableur en une page web qui fait les mêmes calculs sans que tu aies à connaître quoique ce soit en programmation!

J'espère que ça pourra t'aider.
0