Javascript: Calcul dans un formulaire !Help!
Répondre à la discussion
Page 1 sur 2 1 DernièreDernière
Affichage des résultats 1 à 30 sur 43

Javascript: Calcul dans un formulaire !Help!



  1. 31/03/2015, 09h44 #1
    invitee974e0e3

    Javascript: Calcul dans un formulaire !Help!


    ------

    Bonjour à tous,

    Je tente de faire un calcul à partir d'un formulaire mais je dois avoir une erreur quelque part....

    L'idée et de rentrer des valeur dans mon formulaire et qu'il me donne le résultat lorsque je clique sur le bouton.

    Pouvez vous m'aider SVP?

    Merci



    Code HTML:
    <!DOCTYPE html>

<html>



<script type="text/javascript">

function calcul()

{

	Var A    =  Number(document.getElementById('A').value);
	Var B     = Number(document.getElementById('B').value);
	Var C  =    Number(document.getElementById('C').value);
	Var D  =    Number(document.getElementById('D).value);

        Var Resultat = Number( A+ B + C + D);

        document.getElementById('Resultat').value = Resultat;


 }

		</script>


<form> 
<label for="ameliorer">A ?</label><br />
<input type="text" id="A"/><br><br>
<label for="ameliorer">B ?</label><br />
<input type="text" id="B"/><br> <br>
<label for="ameliorer">C ?</label><br />
<input type="text" id="C"/><br> <br>
<label for="ameliorer">D ?</label><br />
<input type="text" id="D"/><br> <br>


<input type="button" value="Calculer"  onclick= "Javascript:Calcul();" >


</form>



	</html>

    -----
    Dernière modification par JPL ; 31/03/2015 à 14h34. Motif: Ajout de la balise HTML
  2. 31/03/2015, 11h33 #2
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Bonjour

    Tu as plusieurs erreurs.
    Quand tu déclares une variable, le mot-clé est var, et non Var ;
    Dans le code HTML, bouton "onclick", tu appelle une fonction Calcul qui n'existe pas. Ta fonction s'appelle calcul (majuscule, encore et toujours).
    Dernière ligne du script :
    Code:
    document.getElementById('Resultat').value = Resultat;
    l'élément Resultat n'a pas été déclaré comme balise HTML.

    2 conseils supplémentaires :
    utilise un éditeur avec coloration syntaxique ; les mots clés du langage étant colorés, c'est plus facile de détecter les erreurs de syntaxe.
    Notepad++ le fait très bien.

    Dans ton navigateur, affiche la fenêtre de débogage. Ça t'indique le 1er bug rencontré.
  3. 31/03/2015, 11h53 #3
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Bonjour Cherbe et merci pour ton aide,

    J'ai retravaillé dessus entre temps mais rien n'y fait, aucun résultat.....

    Pour ce qui est des éditeurs je ne peux pas les installer sur mon pc d'entreprise

    je tourne complètement en rond....


    Code HTML:
    <!DOCTYPE html>

<html>



<script type="text/javascript">

function calcul()

{

	var A= Number(document.getElementById('A').value);
	var B= Number(document.getElementById('B').value);
	var C= Number(document.getElementById('C').value);
	var D= Number(document.getElementById('D').value);



        var Resultat= A + B + C + D;

       


 }




		</script>




<form> 
<label for="ameliorer">A ?</label><br />
<input type="text" id="A"/><br><br>
<label for="ameliorer">B ?</label><br />
<input type="text" id="B"/><br> <br>
<label for="ameliorer">C ?</label><br />
<input type="text" id="C"/><br> <br>
<label for="ameliorer">D ?</label><br />
<input type="text" id="D"/><br> <br>






<input type="button" value="Calculer"  onclick= "javascript:document.getElementById('Total').innerHTML = document.getElementById

('Resultat').value;"/ >


<p id="Total"></p> 


</form>




	</html>
    Dernière modification par JPL ; 31/03/2015 à 14h35. Motif: Ajout de la balise HTML
  4. 31/03/2015, 12h54 #4
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Citation Envoyé par olivier147 Voir le message
    Pour ce qui est des éditeurs je ne peux pas les installer sur mon pc d'entreprise
    alors change de métier : on ne demanderait pas à un mécanicien de travailler sans lui fournir quelques outils !
    Notepad++ est totalement gratuit et très éprouvé, aucun risque pour l'informatique d'entreprise.
    Citation Envoyé par olivier147 Voir le message
    je tourne complètement en rond....
    Tu y es presque mais je ne comprends rien à ceci :
    Code:
    <input type="button" value="Calculer"  onclick= "javascript:document.getElementById('Total').innerHTML = document.getElementById('Resultat').value;"/ >
    Remplace par :
    Code:
    <input type="button" value="Calculer" onclick= "calcul();"/ >
    et ajoute ceci à la fin du script :
    Code:
    document.getElementById('Total').innerHTML=Resultat;
  5. Aujourd'hui
    A voir en vidéo sur Futura
  6. 31/03/2015, 13h33 #5
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Nickel!!!

    Je te remercie tu es un chef.

    Pour ce qui est de ma boîte, tout est bridé de toute part, mais je ne suis pas censé faire de la programmation...

    Encore merci, je vais peut être encore avoir besoin de toi.
  7. 31/03/2015, 13h41 #6
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Citation Envoyé par olivier147 Voir le message
    Pour ce qui est des éditeurs je ne peux pas les installer sur mon pc d'entreprise
    Dans ce cas, télécharge HAPEdit. Il fonctionne sans installation préalable.
  8. 31/03/2015, 13h44 #7
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Je suis déolé je t'embête un peu mais j'aimerai utiliser des calculs plus compliqué, mais là ça ne fonctionne pas....

    Vois tu l'erreur??

    var Resultat= (Math.sqrt(((A + 1.013)*(A+ 1.013))-((48600*0.54*C)* (Math.pow(B,1.82))/(Math.pow

    (D,4.82)))-1.013);
  9. 31/03/2015, 13h55 #8
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Citation Envoyé par olivier147 Voir le message
    Vois tu l'erreur??
    Code:
    var Resultat=(Math.sqrt(((A + 1.013)*(A+ 1.013))-((48600*0.54*C)* (Math.pow(B,1.82))/(Math.pow(D,4.82)))-1.013)
    ;
    La coloration syntaxique t'aurait montré que la toute première parenthèse, Resultat=(... n'est pas fermée.
  10. 31/03/2015, 13h58 #9
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Trop fort!

    Ce n'est pas de la mauvaise volonté je ne peux absolument rien télécharger du travail, mais vraiment rien
  11. 31/03/2015, 16h43 #10
    JPL
    Responsable des forums

    Re : Javascript: Calcul dans un formulaire !Help!

    En gros : je voudrais jouer du piano mais on m'a attaché les mains derrière le dos Situation difficile !
    Rien ne sert de penser, il faut réfléchir avant - Pierre Dac
  12. 31/03/2015, 16h44 #11
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    C'est un peu l'idée ^^
  13. 31/03/2015, 16h50 #12
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    J'ai une AUTRE doléance si c'est possible

    Je voudrais que mon calcul se décline en deux formules différentent selon le choix d'une liste déroulante.

    Si choix "x" dans ma liste déoulante alors le calcul sera celui-ci: (Math.sqrt(((A + 1.013)*(A + 1.013))-((48600*0.54* C )* (Math.pow(B,1.82))/(Math.pow

    (D,4.82))))-1.013)


    Si choix "Y" dans ma liste déoulante alors le calcul sera celui-ci: (Math.sqrt(((A + 1013)*(A + 1013))-((23200000*0.54* C )* (Math.pow(B,1.82))/(Math.pow

    (D,4.82))))-1.013)


    Ce serait sympa si vous aviez une idée
  14. 31/03/2015, 18h07 #13
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Citation Envoyé par olivier147 Voir le message
    Je voudrais que mon calcul se décline en deux formules différentent selon le choix d'une liste déroulante.
    A mettre dans la partie HTML :
    Code:
    Choisissez une formule, X : <input type="radio" id="choix" value="X"> Y :<input type="radio" id="choix" value="Y" checked>
<input type="button" value="Calculer" onclick= "calculer();"/ >

    A mettre dans le script (non testé):

    Code:
    function calculer()
    {
     if(document.getElementById('choix')=='X')
         {
          variable_X=(Math.sqrt(((A + 1.013)*(A + 1.013))-((48600*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
         }
    if(document.getElementById('choix')=='Y')
         {
          variable_Y=(Math.sqrt(((A + 1013)*(A + 1013))-((23200000*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);

         }
   }
  15. 31/03/2015, 20h01 #14
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    merci encore Cherbe

    Je n'arrive pas à le faire fonctionner...

    Le Code que tu me propose a mettre dans le script et a ajouter au script existant ou a remplacer??
  16. 31/03/2015, 20h07 #15
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Là j'arrive à ça, mais ça ne fonctionne pas....


    Code HTML:
    <!DOCTYPE html>

<html>



<script type="text/javascript">

function calculer()

{

	var A= Number(document.getElementById('A').value);
	var B= Number(document.getElementById('B').value);
	var C= Number(document.getElementById('C').value);
	var D= Number(document.getElementById('D').value);

}
{





    
     if(document.getElementById('choix')=='X')
         {
          variable_X=(Math.sqrt(((A + 1.013)*(A + 1.013))-((48600*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
         }
    if(document.getElementById('choix')=='Y')
         {
          variable_Y=(Math.sqrt(((A + 1013)*(A + 1013))-((23200000*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);

         }
   }

		</script>




<form> 
<label for="ameliorer">A ?</label>

<input type="text" id="A"/><br><br>
<label for="ameliorer">B ?</label>

<input type="text" id="B"/><br> <br>
<label for="ameliorer">C ?</label>

<input type="text" id="C"/><br> <br>
<label for="ameliorer">D ?</label>

<input type="text" id="D"/><br> <br>




Choisissez une formule, X : <input type="radio" id="choix" value="X"> Y :<input type="radio" id="choix" value="Y" checked>
<input type="button" value="Calculer" onclick= "calculer();"/ >




 


</form>




	</html>
    Dernière modification par JPL ; 31/03/2015 à 20h38. Motif: Ajout de la balise HTML
  17. 31/03/2015, 21h53 #16
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Citation Envoyé par olivier147 Voir le message
    Là j'arrive à ça, mais ça ne fonctionne pas....
    Le premier crochet fermant met fin à la fonction. C'est donc normal qu'il ne ce passe rien.
    N'ayant pas testé le script, il contenait des erreurs. Celui ci-dessous ne renvoie pas d'erreur mais avant, remplace les boutons radio par ceci :
    Code HTML:
    Choisissez une formule, X : <input type="radio" id="XX" name="nom"> Y :<input type="radio" id="YY" name="nom">
<input type="button" value="Calculer" onclick= "calculer();"/ >
    Voici le script :
    Code HTML:
    <script type="text/javascript">
function calculer()
   {
	var A= Number(document.getElementById('A').value);
	var B= Number(document.getElementById('B').value);
	var C= Number(document.getElementById('C').value);
	var D= Number(document.getElementById('D').value);

    if(document.getElementById('XX').checked)
        {
        variable_X=(Math.sqrt(((A + 1.013)*(A + 1.013))-((48600*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
        }
    if(document.getElementById('YY').checked)
        {
        variable_Y=(Math.sqrt(((A + 1013)*(A + 1013))-((23200000*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
        }
   }
</script>
  18. 31/03/2015, 21h57 #17
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Toujours pas lol

    J'suis vraiment désolé, je débute, pas simple pour moi ^^



    <!DOCTYPE html>

    <html>



    <script type="text/javascript">
    function calculer()
    {
    var A= Number(document.getElementById ('A').value);
    var B= Number(document.getElementById ('B').value);
    var C= Number(document.getElementById ('C').value);
    var D= Number(document.getElementById ('D').value);

    if(document.getElementById('XX ').checked)
    {
    variable_X=(Math.sqrt(((A + 1.013)*(A + 1.013))-((48600*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
    }
    if(document.getElementById('YY ').checked)
    {
    variable_Y=(Math.sqrt(((A + 1013)*(A + 1013))-((23200000*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
    }
    }
    </script>




    <form>
    <label for="ameliorer">A ?</label>

    <input type="text" id="A"/><br><br>
    <label for="ameliorer">B ?</label>

    <input type="text" id="B"/><br> <br>
    <label for="ameliorer">C ?</label>

    <input type="text" id="C"/><br> <br>
    <label for="ameliorer">D ?</label>

    <input type="text" id="D"/><br> <br>




    </form>

    Choisissez une formule, X : <input type="radio" id="XX" name="nom"> Y :<input type="radio" id="YY" name="nom">
    <input type="button" value="Calculer" onclick= "calculer();"/ >



    </html>
  19. 31/03/2015, 22h34 #18
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Qu'est-ce qui ne va pas, le fait qu'il ne se passe rien ?
    Sinon, la fermeture de la balise form est mal placée
  20. 31/03/2015, 22h35 #19
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Oui il ne se passe rien
  21. 31/03/2015, 22h38 #20
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Citation Envoyé par olivier147 Voir le message
    Oui il ne se passe rien
    C'est normal, tu n'as pas mis :
    document.getElementById('Resul tat').value = Variable_X (ou Y);
    Tu n'a pas non plus mis la balise Resultat.
  22. 31/03/2015, 22h38 #21
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Citation Envoyé par cherbe Voir le message
    Qu'est-ce qui ne va pas, le fait qu'il ne se passe rien ?
    Sinon, la fermeture de la balise form est mal placée
    Je dois la placer où?
  23. 31/03/2015, 22h42 #22
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Citation Envoyé par olivier147 Voir le message
    Je dois la placer où?
    ici :
    Code HTML:
      if(document.getElementById('XX').checked)
        {
        variable_X=(Math.sqrt(((A + 1.013)*(A + 1.013))-((48600*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
        document.getElementById('Resultat').value = Variable_X;
        }
    if(document.getElementById('YY').checked)
        {
        variable_Y=(Math.sqrt(((A + 1013)*(A + 1013))-((23200000*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
        document.getElementById('Resul tat').value = Variable_);        
       }
    N'oublie pas de créer cette balise dans le code HTML
  24. 31/03/2015, 22h42 #23
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Bon bha j'suis perdu lol
  25. 31/03/2015, 22h46 #24
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    je dois le mettre où ça: document.getElementById('Resul tat').value = Variable_X (ou Y);
  26. 31/03/2015, 22h48 #25
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Pour le moment ça donne ça:





    <!DOCTYPE html>

    <html>



    <script type="text/javascript">
    function calculer()
    {
    var A= Number(document.getElementById ('A').value);
    var B= Number(document.getElementById ('B').value);
    var C= Number(document.getElementById ('C').value);
    var D= Number(document.getElementById ('D').value);

    if(document.getElementById('XX ').checked)
    {
    variable_X=(Math.sqrt(((A + 1.013)*(A + 1.013))-((48600*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
    document.getElementById('Resul tat').value = Variable_X;
    }
    if(document.getElementById('YY ').checked)
    {
    variable_Y=(Math.sqrt(((A + 1013)*(A + 1013))-((23200000*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
    document.getElementById('Resul tat').value = Variable_);
    }
    }


    </script>




    <form>
    <label for="ameliorer">A ?</label>

    <input type="text" id="A"/><br><br>
    <label for="ameliorer">B ?</label>

    <input type="text" id="B"/><br> <br>
    <label for="ameliorer">C ?</label>

    <input type="text" id="C"/><br> <br>
    <label for="ameliorer">D ?</label>

    <input type="text" id="D"/><br> <br>




    </form>

    Choisissez une formule, X : <input type="radio" id="XX" name="nom"> Y :<input type="radio" id="YY" name="nom">
    <input type="button" value="Calculer" onclick= "calculer();"/ >



    </html>
  27. 31/03/2015, 23h03 #26
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Cette page s'exécute chez moi :
    Code HTML:
    <html>
<script type="text/javascript">
function calculer()
   {
   var A= Number(document.getElementById('A').value);
   var B= Number(document.getElementById('B').value);
   var C= Number(document.getElementById('C').value);
   var D= Number(document.getElementById('D').value);
    if(document.getElementById('XX').checked)
        {
	variable_X=(Math.sqrt(((A + 1.013)*(A + 1.013))-((48600*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
        document.getElementById('Resultat').innerHTML = variable_X;
	}
    if(document.getElementById('YY').checked)
        {
	variable_Y=(Math.sqrt(((A + 1013)*(A + 1013))-((23200000*0.54* C )* (Math.pow(B,1.82))/(Math.pow(D,4.82))))-1.013);
	document.getElementById('Resultat').innerHTML = variable_Y;
	}
   }
</script>
<form> 
<label for="ameliorer">A ?</label>
<input type="text" id="A"/><br><br>
<label for="ameliorer">B ?</label>
<input type="text" id="B"/><br> <br>
<label for="ameliorer">C ?</label>
<input type="text" id="C"/><br> <br>
<label for="ameliorer">D ?</label>
<input type="text" id="D"/><br> <br>
Choisissez une formule, X : <input type="radio" id="XX" name="nom"> Y :<input type="radio" id="YY" name="nom">
<input type="button" value="Calculer" onclick= "calculer();"/ >
<p id="Resultat"></p> 
</form>
</html>
  28. 31/03/2015, 23h15 #27
    JPL
    Responsable des forums

    Re : Javascript: Calcul dans un formulaire !Help!

    Bon c'est un peu pénible : tu ne peux pas faire l'effort d'utiliser les balises pour mettre ton code ? Il y a des règles dans ce forum. Apparemment cela ne te fait pas réfléchir que je les aies ajoutées dans trois de tes précédents messages.

    Je rappelle que quand c'est en vert c'est un avertissement de la modération.
    Rien ne sert de penser, il faut réfléchir avant - Pierre Dac
  29. 31/03/2015, 23h22 #28
    invite948b37db

    Re : Javascript: Calcul dans un formulaire !Help!

    Citation Envoyé par JPL Voir le message
    Bon c'est un peu pénible : tu ne peux pas faire l'effort d'utiliser les balises pour mettre ton code ? Il y a des règles dans ce forum. Apparemment cela ne te fait pas réfléchir que je les aies ajoutées dans trois de tes précédents messages.
    Ce serait bien de préciser à qui tu t'adresses. Je l'ai mal pris en 1ère lecture diagonale.
  30. 31/03/2015, 23h33 #29
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Citation Envoyé par JPL Voir le message
    Bon c'est un peu pénible : tu ne peux pas faire l'effort d'utiliser les balises pour mettre ton code ? Il y a des règles dans ce forum. Apparemment cela ne te fait pas réfléchir que je les aies ajoutées dans trois de tes précédents messages.

    Je rappelle que quand c'est en vert c'est un avertissement de la modération.
    Heuu désolé, a vrai dire j'en savais rien...
  31. 31/03/2015, 23h35 #30
    invitee974e0e3

    Re : Javascript: Calcul dans un formulaire !Help!

    Merci Cherbe mais chez moi ça me met "NaN"...

    Je verrai tout ça demain à tête reposée.

    Bonne fin de soirée à toi et encore merci
Page 1 sur 2 1 DernièreDernière
« Débuts programmation | language python, retourner plusieurs variable dans une fonction »

Discussions similaires

  1. Javascript : Intégrer une variable javascript dans un champ de formulaire html
    Par invitea1400dd5 dans le forum Programmation et langages, Algorithmique
    Réponses: 1
    Dernier message: 03/08/2014, 12h15
  2. Javascript dans PHP
    Par invite06a166f3 dans le forum Programmation et langages, Algorithmique
    Réponses: 15
    Dernier message: 22/01/2014, 10h36
  3. calcul en javascript
    Par electrique10 dans le forum Programmation et langages, Algorithmique
    Réponses: 2
    Dernier message: 03/10/2013, 20h41
  4. CSS + JavaScript ; Changer la couleur des champs d'un formulaire
    Par zoup1 dans le forum Logiciel - Software - Open Source
    Réponses: 14
    Dernier message: 05/07/2011, 16h17
  5. Afficher le résultat d'un calcul dans un formulaire web
    Par invite234d9cdb dans le forum Internet - Réseau - Sécurité générale
    Réponses: 1
    Dernier message: 20/08/2008, 11h38