Calcul de puissances

Version imprimable

Bonjour, je suis nouveau parmis vous et de butant en programation, et je ne sais pas si je me suis inscrit au bon forum ( vous avez l'air tous calé en la matiere).
Dans un de mes premiers script javascript (pour faire le calcul de puissance),

je dois avoir un gros probleme de debutant car je ne sais pas comment faire pour faire marcher mon script qui est :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <html> <head> <title> Logimaths </title> </head> <body> <form method="post" name="puissance" action="logimaths.htm"> <input type="text" name="nombre"/> <input type="text" name="puissance"/> <input type="submit" name="ok" value="ok"/> </form> <SCRIPT LANGUAGE="Javascript"> document.puissance.nombre=nombre; document.puissance.puissance=puissance; if(isset(document.puissance.ok){ nombre*nombre=puissance_x; flag=2; while(flag!=puissance){ puissance_x*nombre=puissance_x; flag++; } return puissance_x ; } </SCRIPT> </body> </html>
Pouvez vous m'aider en me donnant les problemes et les fautes quej'ai commise.

merci à tous.

01/09/2009, 19h42
sebhm
Bonjour,
et bienvenue.

tout d'abord, pour plus de lisibilité, place ton code entre les balises "CODE"

ensuite, il faudrait que tu fasses un tour du coté des tutoriels et de la FAQ

Si tu veux saisir ton nombre et ta puissance, puis valider en cliquant sur OK pour qu'au rechargement de ta page tu ais le résultat, c'est du PHP ou du Java ou ....
Si tu veux que la puissance soit calculée de suite sans rechargement de ta page, c'est du javascript.

JAVASCRIPT :
je te conseille pour commencer d'attribuer des ID à tes INPUT

Code:

<input type="text" id="nombre" name="nombre"/>

ainsi, tu y accedes en Javascript en faisant
Code:

1 2 ton_nombre=document.getElementById('nombre'); alert('le nombre est : ' + ton_nombre);
Dans ton code actuel, Javascript va être exécuté lors du chargement de la page.
je suppose que tu souhaites qu'il s'exécute lorsque tu cliques sur 'OK'.
Pour cela, il faut mettre ton code Javascript dans une fonction
Code:

1 2 function puissance() { }
et appeler cette fonction lorsque tu cliques sur OK, c'est à dire lorsque tu valides le formulaire

Code:

form method="post" name="form_puissance" action="logimaths.htm" onsubmit="puissance(); return false;">

je fais 'return false' car il ne faut pas dans ton cas que la page soit rechargée...

Bref, il faut vraiment que tu t'informes un peu sur le javascript avant de coder !
02/09/2009, 09h32
E.Bzz

Bonjour,

Citation:

Envoyé par sebhm

Bref, il faut vraiment que tu t'informes un peu sur le javascript avant de coder !

C'est vrai, mais c'est souvent en commençant à coder qu'on se rend compte de ce qu'il faut chercher ;)

Et ces liens sont tout à fait appropriés :ccool:

A+

Bonjour, et bienvenue sur developpez.
:arrow: isset n'est pas instruction javascript mais php.
:arrow: Si tu ne veux pas envoyer le formulaire, utilise un input button et mais pas un submit.
:arrow: Pour accéder à la valeur d'un élément, tu peux l'appeler avec son id ou son nom.

Code:

document.forms['puissance'].elements['nombre'].value

:arrow: javascript possède une methode Math.pow pour calculer le puissance.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <html> <head> <title> Logimaths </title> <script type="text/javascript"> function carre() { var a=document.forms['puissance'].elements['nombre'].value; document.forms['puissance'].elements['puissance'].value=Math.pow(a,2); } </script> </head> <body> <form method="post" name="puissance" action="logimaths.htm"> <input type="text" name="nombre"/> <input type="text" name="puissance"/> <input type="button" name="ok" value="ok" onclick="carre()"/> </form> </body> </html>
Citation:

je ne sais pas si je me suis inscrit au bon forum

Tu es inscrit au meilleur forum :D

02/09/2009, 09h53
rototoro

merci beaucoup pour votre aide precieuse.

effectivement je me rend compte que je n'ai pas encore les connaissances suffisante pour bien coder.

N'auriez vous pas un tuto avec tous les attributs javascript et leur fonctionnement ?
02/09/2009, 10h04
E.Bzz

Pour les tutos, sebhm t'as donné les liens.
Pour les propriétés des différents objets, tu peux aller voir là, par exemple ...

A+
02/09/2009, 14h30
sebhm

Pour apprendre tout en respectant les standards :

http://www.w3schools.com/

Bonjour à tous, suite à vos recomandations, j'ai modifié mon script :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
<head>
     <title>
     Logimaths
     </title>
     <SCRIPT LANGUAGE="Javascript">
function puissance() {
document.getElementById('nombre')=nombre;
document.getElementById('puissance')=puissance;
 
nombre*nombre=puissance_x;
flag=2;
  while(flag!=puissance){
  puissancex*nombre=puissance_x;
  flag++;
  }
return puissance_x ;
 
}
</SCRIPT>
</head>
<body>
<form method="post" name="form_puissance" action="logimaths.htm" onsubmit="puissance(); return false;">
<input type="text" id="nombre" name="nombre"/>
<input type="text" id="puissance" name="puissance"/>
<input type="submit" name="ok" value="ok"/>
</form>
 
 
</SCRIPT>
</body>
</html>

mais, il ne marche toujours pas (lorsque je clique sur ok, le navigateur me renvoie la page de depart).

A l'aide !

07/09/2009, 11h50
andry.aime

Re,
submit sert à envoyer un formulaire, utilise un input button et dans le onclick, tu appelles la fonction qui calcule la puissance, inspire toi du code que j'ai donné précédemment.