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. #1
    olivier147

    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. #2
    cherbe

    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. #3
    olivier147

    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. #4
    cherbe

    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. A voir en vidéo sur Futura
  6. #5
    olivier147

    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. #6
    cherbe

    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. #7
    olivier147

    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. #8
    cherbe

    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.
    Dernière modification par cherbe ; 31/03/2015 à 13h58.

  10. #9
    olivier147

    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. #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. #11
    olivier147

    Re : Javascript: Calcul dans un formulaire !Help!

    C'est un peu l'idée ^^

  13. #12
    olivier147

    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. #13
    cherbe

    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. #14
    olivier147

    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. #15
    olivier147

    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. #16
    cherbe

    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. #17
    olivier147

    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. #18
    cherbe

    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
    Dernière modification par cherbe ; 31/03/2015 à 22h35.

  20. #19
    olivier147

    Re : Javascript: Calcul dans un formulaire !Help!

    Oui il ne se passe rien

  21. #20
    cherbe

    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. #21
    olivier147

    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. #22
    cherbe

    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. #23
    olivier147

    Re : Javascript: Calcul dans un formulaire !Help!

    Bon bha j'suis perdu lol

  25. #24
    olivier147

    Re : Javascript: Calcul dans un formulaire !Help!

    je dois le mettre où ça: document.getElementById('Resul tat').value = Variable_X (ou Y);

  26. #25
    olivier147

    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. #26
    cherbe

    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>
    Dernière modification par cherbe ; 31/03/2015 à 23h07.

  28. #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. #28
    cherbe

    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. #29
    olivier147

    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. #30
    olivier147

    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

Discussions similaires

  1. Javascript : Intégrer une variable javascript dans un champ de formulaire html
    Par squal31 dans le forum Programmation et langages, Algorithmique
    Réponses: 1
    Dernier message: 03/08/2014, 12h15
  2. Javascript dans PHP
    Par parousky 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