Ma fonction ne s’exécute pas

**Jean Sympa** · 02/05/2015, 17h26

Bonjour à toutes et à tous,

Ma fonction ne s’exécute pas

Je suis débutant
. Je n'arrive pas à exécuter ma première fonction.

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
 
<!DOCTYPE html>
<html lang="fr">
	<head>
	    <meta charset="utf-8">
        <title>Essai</title>
        <link rel="stylesheet" href="css/style.css">
        <script type="text/javascript" src="sympa.js"> 
 
	function f(x)
{
   var resultat = 5*x - 3;
   return resultat;
   alert(resultat); 
}	
</script>
	</head>
 
<body >
 
<script>
         f(5);
</script>    
 
</body>
</html>

J'obtiens le message, f n'est pas définie.
J'ai commencé, sans succès, à placer ma fonction dans le fichier script externe puis entre head et head. L'erreur doit être évidente, je ne la trouve pas. Où est-elle*?

Avec mes remerciements
Cordialement
Papy

**sekaijin** · 02/05/2015, 17h27

c'est quoi cette syntaxe HTML ?

A+JYT

**headmax** · 02/05/2015, 17h33

Ton problème vient peut être du fait que ta première balise script contient un attribut src qui va allé chercher la page js en question et en même temps tu déclare a l'intérieur ta function.

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
 
<html lang="fr">
	<head>
	    <meta charset="utf-8">
        <title>Essai</title>
        <link rel="stylesheet" href="css/style.css">
        <script type="text/javascript" src="sympa.js"></script>
	</head>
 
<body >
 
<script>
function f(x)
{
   var resultat = 5*x - 3;
   return resultat;
   alert(resultat); 
}       
         
f(5);
</script>    
 
</body>
</html>

Donc j'ai changé l'endroit pour le placé ta function dans la 2èmes partie <script>, j'ai pas testé mais l'idée est là,
Bonne continuation.

**melka one** · 02/05/2015, 17h45

de toute evidence il manque la balise script et pour la balise script qui pointe vers un fichier dans ce cas elle doit etre fermante

Code html :

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

 <script type="text/javascript" src="sympa.js"/>

et aussi l'alerte ne s'affichera jamais car tu fait un return avant l'alerte et le return dans ce car stop la fonction

Code :

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

1
2
3
4
 
   var resultat = 5*x - 3;
   alert(resultat); 
   return resultat;

et enfin mettre l'appel a la fonction en dur dans la partie html sans que le document ai ete entierement chargé c'est pas tres propre et sa peut cree des surprises dans ce cas le mieux serai d'utiliser l'evenement onload pour lancer la fonction

**NoSmoking** · 02/05/2015, 17h53

Bonjour,

de toute evidence il manque la balise script et pour la balise script qui pointe vers un fichier dans ce cas elle doit etre fermante

Code html :

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

 <script type="text/javascript" src="sympa.js" />

tu es vraiment sûr de ton coup là....

**melka one** · 02/05/2015, 18h00

j'ai fait une evaluation qui s'est avéré concluante

**Jean Sympa** · 02/05/2015, 18h27

Merci à tous,

J'ai fermé la balise script.
J'ai éliminé le return.
J'ai modifié la fonction*; elle est toujours inconnue.

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
<!DOCTYPE html>
<html lang="fr">
<head>
	    <meta charset="utf-8">
        <title>Essai</title>
        <link rel="stylesheet" href="css/style.css">
        <script type="text/javascript" src="sympa.js"/> 
 
	function f(x)
{
    var resultat = 5*x - 3;
    alert(resultat); 
}	
</script>
</head>
 
<body >
 
<script>
         f(5);
</script>    
 
</body>
</html>

où est l'erreur*?
Cordialement
Papy

**NoSmoking** · 02/05/2015, 18h30

Je te propose de faire une autre "évaluation" avec le code suivant.

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Script balise auto fermante or no ?</title>
<script src="http://code.jquery.com/jquery-latest.js"/>
<style>
body{
  color:red;
}
</style>
<script>
jQuery(function($){
  $('body').prepend('<p>2éme Bonjour du body !</p>');
});
</script>
</head>
<body>
  <p>Bonjour du body !</p>
</body>
</html>

et tu verras que dans ce cas plus rien ne va même si le fichier est effectivement chargé le code généré/interprété par le navigateur ressemblera à

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
<head>
<meta charset="UTF-8">
<title>Script balise auto fermante or no ?</title>
<script src="http://code.jquery.com/jquery-latest.js">
<style>
body{
  color:red;
}
</style>
<script>
jQuery(function($){
  $('body').prepend('<p>2éme Bonjour du body !</p>');
});
</script>
</head>
<body>
<p>Bonjour du body !</p>
</body>

c'est quasiment la même chose sauf que tout ce qui se trouve entre la balise <script> ouvrante et la première balise </script> fermante qui la suit ne sera pas pris en compte, dans l'exemple ci dessus donc le style et l'ajout du P seront out.

**melka one** · 02/05/2015, 18h34

oui mais tu n'a pas mis la balise d'ouverture pour le script

Code :

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

1
2
3
4
5
6
7
8
 
<script>
	function f(x)
{
    var resultat = 5*x - 3;
    alert(resultat); 
}	
</script>

a j'ai ete devancé

**Jean Sympa** · 02/05/2015, 20h18

Merci à vous,

Je ne veux pas me cacher derrière mon petit ogt*: je suis débutant.
Cette balise d'ouverture qu'elle est-elle*?
Où faut-il la placer*?
Cordialement
Papy

**melka one** · 02/05/2015, 20h19

j'ai regardé le code generé avec chrome et firefox voila ce qu'il me mettent

Code :

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

<script src="http://code.jquery.com/jquery-latest.js"></script>

ils ferment automatiquement la balise mais en utilisant la balise fermante </script> mais le code n'est pas interprété par contre sa fonctionne si je modifie le script de la meme sorte.

en gros j'ai tellement l’habitude de faire du copié collé de cette partie que que que

conclusion il faut mettre la balise fermante</script>

**Auteur** · 02/05/2015, 20h55

Envoyé par melka one

en gros j'ai tellement l’habitude de faire du copié collé de cette partie

Une bien mauvaise habitude

Il y a 2 syntaxes pour insérer du script javascript dans une page web :
- pour un fichier externe :

Code html :

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

<script type="text/javascript" src="chemin/fichier.js"></script>

- pour un code intégré dans la page HTML :

Code html :

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

1
2
3
<script type="text/javascript">
// code javascript
</script>

Et dans les 2 cas, ces balises <script> se placent dans les balises HTML <head>.

@Jean Sympa, tu as donc mélangé les 2 syntaxes. Dans ton cas :

Code html :

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

1
2
3
4
5
6
7
<script type="text/javascript">
function f(x)
{
   var resultat = 5*x - 3;
   alert(resultat); 
   return resultat;
}

Voilà également en détails la signification de return (qui n'est pas obligatoire) :
https://developer.mozilla.org/fr/doc...uctions/return
et la fonction alert() :
https://developer.mozilla.org/fr/doc...A9thodes/alert

**Jean Sympa** · 03/05/2015, 10h48

Merci auteur,

les explicaions concernant la différence entre les deux syntaxes, au niveau head, sont lumineuses.
Et, merci pour la doc. Mes fonctions s'exécutent.

Y a-t-il des différences au niveau body?
Suffit-il d'utiliser <script> </script> pour isoler du code javascript?
Y a-t-il d'autres différences?
Utilisation de <script type="text/javascript">?
Placer <script type="text/javascript" src="chemin/fichier.js"></script>, avant </body>?
Ce sont des conseils que j'ai rencontrés.

Cordialement
Papy

**NoSmoking** · 03/05/2015, 11h45

une bonne lecture en perspective

FAQ JavaScript

**Auteur** · 03/05/2015, 12h13

Une page web peut contenir divers langage (côté client, c'est à dire, toi) :
- HTML le langage balisé ;
- la javascript ;
- les feuilles de style CSS.

Par défaut le navigateur traite les informations, sauf les balises, comme du texte. Donc pour que le navigateur interprète correctement les langages CSS et javascript il faut le lui dire. C'est ce que font les balises <script> pour le javascript et les balises

Code html :

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

1
2
<style type="text/css">
</style>

pour les feuilles de style CSS.

Voici un tutoriel HTML. Il y a tout un chapitre sur le contenu de l'entête d'une page web.

Ma fonction ne s’exécute pas

JavaScript

Discussions similaires

Partager

Partager