Fonctions ne marchent pas

**djtheo** · 16/12/2008, 01h17

Bonjour à tous.
Je suis actuellement une formation php/mysql qui inclus également une initiation au javascript.

Voici le code :

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javascript</title>
<link href="stylajava.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript">
 
var nombre = "1";
function ajoute()
{
 
document.formulaire.clics.value = eval(nombre);
nombre++;
}
 
function enleve()
{
nombre--;
document.formulaire.clics.value = eval(nombre);
}
 
function carre()
{
resultat = eval(document.formulaire.clics.value);
document.formulaire.resultat.value = eval(resultat*resultat);	
}
 
function racine_carre()
{
nombre = document.formulaire.ajout.value;		
}
	</script>
</head>
<body>
 
<form name="formulaire" id="formulaire">
    <input type="button" name="ajout" value="ajouter 1" onclick="ajoute()" />
    <input type="button" name="enleve" value="enlever 1" onclick="enleve()" />
    <input type="button" name="carre" value="au carré" onclick="carre()" />
    <input type="button" name="racine_carre" value="racine carré" onclick="racine_carre()" />
    <br />
    <br />
    <input type="text" name="clics" value="" />
    <input type="text" name="resultat" value="" />
</form>
</body>
</html>

L'enoncé est le suivant : quand je clique sur ajouter 1 ou enlever 1 le champ de gauche doit se modifier en fonction, hors, uniquement la fonction ajouter fonctionne.

Ensuite, quand je clique sur carré, je devrai obtenir le résultat du carré (²) de la case de gauche, dans la case de droite hors, rien ne s'affiche.

Ne tenez pas compte de le fonction racine_carré qui n'a pas été renseignée.

Je viens d'essayer pendant plus de 5 heures, (oui, je suis un acharné) mais la je sèche..;
Je serai vraiment reconnaissant de votre aide..
yannick

**Saray** · 16/12/2008, 01h29

Bonsoir
Le problème est simple tu as donné le nom "enleve" à l'un de tes boutons... donc pour la page "enleve" n'est pas une fonction mais un bouton.
Pareil pour carre et racine_carre...
Coup de bol (ou pas), tu as la fonction "ajoute" et le bouton "ajout" donc lui il marche

(ah langue française quand tu nous tiens !)

Essaie ça :

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
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javascript c'est la merde</title>
<link href="stylajava.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript">
 
var nombre = 1;
function ajoute(){
	document.formulaire.clics.value = eval(nombre);
	nombre++;
}
 
function enleve(){
	nombre--;
	document.formulaire.clics.value = eval(nombre);
}
 
function carre(){
	resultat = eval(document.formulaire.clics.value);
	document.formulaire.resultat.value = eval(resultat*resultat);	
}
 
function racine_carre(){
nombre = document.formulaire.ajout.value;		
}
	</script>
</head>
<body>
 
<form name="formulaire" id="formulaire">
    <input type="button" name="ajouter" value="ajouter 1" onclick="ajoute()" />
    <input type="button" name="enlever" value="enlever 1" onclick="enleve()" />
    <input type="button" name="carrer" value="au carré" onclick="carre()" />
    <input type="button" name="racine_carrer" value="racine carré" onclick="racine_carre()" />
    <br />
    <br />
    <input type="text" name="clics" value="" />
    <input type="text" name="resultat" value="" />
</form>
</body>
</html>

**djtheo** · 16/12/2008, 20h10

Merci beaucoup Saray pour ton aide.. Effectivement, ce fonctionne maintenant

Fonctions ne marchent pas

JavaScript

Discussions similaires

Partager

Partager