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.

Ma fonction ne s’exécute pas

JavaScript

Vue hybride

Discussions similaires

Partager

Partager