Formulaire HTML

Résolu/Fermé
azerty753 Messages postés 11 Date d'inscription samedi 25 avril 2015 Statut Membre Dernière intervention 25 août 2015 - 25 avril 2015 à 18:45
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 25 avril 2015 à 20:14
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 ?
A voir également:

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
25 avril 2015 à 19:13
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
azerty753 Messages postés 11 Date d'inscription samedi 25 avril 2015 Statut Membre Dernière intervention 25 août 2015
25 avril 2015 à 19:31
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
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 25/04/2015 à 20:02
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
azerty753 Messages postés 11 Date d'inscription samedi 25 avril 2015 Statut Membre Dernière intervention 25 août 2015 > animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019
25 avril 2015 à 20:12
Super ça marche nikel. Grand merci à toi. Et surtout merci d'avoir été aussi rapide.
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
25 avril 2015 à 20:14
pas de quoi @+
0