Formulaire HTML

Résolu
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. 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
    1. 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'.
    2. 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>';
    3. @animostabSuper ça marche nikel. Grand merci à toi. Et surtout merci d'avoir été aussi rapide.
    4. pas de quoi @+