Page avec calcul rapide automatique
momofromparis
-
nhefti Messages postés 43 Date d'inscription Statut Membre Dernière intervention -
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
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
4 réponses
-
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 -
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> -
Alors ça te convient ou pas ?
-
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.
