Page avec calcul rapide automatique

Fermé

momofromparis - Modifié par momofromparis le 10/09/2014 à 23:13
nhefti Messages postés 43 Date d'inscription dimanche 21 septembre 2008 Statut Membre Dernière intervention 13 octobre 2014 - 13 oct. 2014 à 17:25

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:

Page avec calcul rapide automatique
Supprimer une page word - Guide
Calcul moyenne excel - Guide
Acces rapide - Guide
Message automatique thunderbird - Guide
Traducteur de page web automatique - Guide

4 réponses

Réponse 1 / 4

Kaldoran Messages postés 137 Date d'inscription mercredi 31 octobre 2012 Statut Membre Dernière intervention 21 juin 2015 29
11 sept. 2014 à 01:13

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

Réponse 2 / 4

Ysabe_l Messages postés 12605 Date d'inscription vendredi 12 avril 2013 Statut Contributeur Dernière intervention 3 janvier 2025 276
11 sept. 2014 à 11:48

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>

Réponse 3 / 4

Ysabe_l Messages postés 12605 Date d'inscription vendredi 12 avril 2013 Statut Contributeur Dernière intervention 3 janvier 2025 276
20 sept. 2014 à 10:26

Alors ça te convient ou pas ?

Réponse 4 / 4

nhefti Messages postés 43 Date d'inscription dimanche 21 septembre 2008 Statut Membre Dernière intervention 13 octobre 2014 1
13 oct. 2014 à 17:25

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.

Discussions similaires

Qui sont les personnes dans mon ajout rapide de Snapchat ?

Pourquoi des inconnus bizarres m'ajoutent sur snap ?

Ajout rapide snap