Formulaire HTML

Résolu
azerty753 Messages postés 14 Statut Membre -  
animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je fais un site internet pour un jeu et je tente de l'améliorer en y mettant un formulaire. Le but de ce formulaire est de recevoir des informations puis de faire des calculs avec.
J'ai pu faire le formulaire sans problème:
screen du formulaire: http://www.noelshack.com/2015-17-1429980277-formu.jpg
code du formulaire: https://pastebin.com/59dNgyty

Sauf que je sais pas quoi faire des valeurs que j'ai obtenu. J'aimerai pouvoir les modifier à l'aide de calculs et ensuite écrire le résultât.

Exemple: Je suis niveau 1, je gagne 0.5 xp et 4 Po. J'aimerai savoir combien je vais gagner au niveau 56. (Le calcul étant: xp_actuel*((1.026)^(niveau_demande - 1)

Avez-vous une idée de commet je pourrai le faire svp ?

1 réponse

  1. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    Salut

    avec javascript tu recupères la value de chaque champ par rapport a son id sous forme de variable.
    ex
    var niveau = document.getElementById('niveau_actuel').value;
    var xpActuel = document.getElementById('xp_actuel').value;
    etc ...
    quand tu as récupéré toutes tes variables pour chaque champ tu fais ton opération avec les variables
    var resultat = ton operation;
    ensuite tu affiche resultat dans une div avec un innerHTML
    0
    1. azerty753 Messages postés 14 Statut Membre
       
      Merci d'avoir répondu aussi rapidement.
      J'ai donc fais cette fonction:
      function job()
      {
      var niveauActuel = document.getElementById('niveau_actuel').value;
      var niveauDemande = document.getElementById('niveau_demande').value;
      var xpActuel = document.getElementById('xp_actuel').value;
      var poActuel = document.getElementById('po_actuel').value;
      var resultatXp = xpActuel * Math.pow(1.026, niveauDemande - 1)
      var resultatPo = poActuel * Math.pow(1.026, niveauDemande - 1)
      }

      Mais pour l'affichage je ne vois pas comment le faire. J'aimerai qu'une phrase s'affiche (du style: Au niveau ... vous gagnerez ... xp.) uniquement lorsqu'on clique sur 'calculer'.
      0
    2. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
       
      tu fais

      <div id="resultat"></div>

      et a la fin de ton script dans la function job
      document.getElementById('resultat').innerHTML ='<p>Au niveau '+niveauDemande+' vous ganerez '+resultatPO+' xp</p>';
      0
      1. azerty753 Messages postés 14 Statut Membre > animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention  
         
        Super ça marche nikel. Grand merci à toi. Et surtout merci d'avoir été aussi rapide.
        0
    3. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
       
      pas de quoi @+
      0