Calcul de puissances [Débutant(e)]

**rototoro** · 01/09/2009, 18h59

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**sebhm** · 01/09/2009, 19h42

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ainsi, tu y accedes en Javascript en faisant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
function puissance() {
}

et appeler cette fonction lorsque tu cliques sur OK, c'est à dire lorsque tu valides le formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

**E.Bzz** · 02/09/2009, 09h32

Bonjour,

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

A+

**andry.aime** · 02/09/2009, 09h33

Bonjour, et bienvenue sur developpez.

isset n'est pas instruction javascript mais php.

Si tu ne veux pas envoyer le formulaire, utilise un input button et mais pas un submit.

Pour accéder à la valeur d'un élément, tu peux l'appeler avec son id ou son nom.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

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

Tu es inscrit au meilleur forum

**rototoro** · 02/09/2009, 09h53

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 ?

**E.Bzz** · 02/09/2009, 10h04

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+

**sebhm** · 02/09/2009, 14h30

Pour apprendre tout en respectant les standards :

http://www.w3schools.com/

**rototoro** · 04/09/2009, 16h28

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

**andry.aime** · 07/09/2009, 11h50

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.

Calcul de puissances [Débutant(e)]

JavaScript

Discussions similaires

Partager

Partager