Ma fonction ne s’exécute pas

Version imprimable

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:

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

02/05/2015, 17h27
sekaijin

c'est quoi cette syntaxe HTML ?

A+JYT

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:

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.

02/05/2015, 17h45
melka one
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:

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

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
02/05/2015, 17h53
NoSmoking

Bonjour,
:koi:

Citation:

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:

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

tu es vraiment sûr de ton coup là....
02/05/2015, 18h00
melka one

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

Ma fonction ne s’exécute pas

Merci à tous,

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

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
<!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

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

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:

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.

02/05/2015, 18h34
melka one
oui mais tu n'a pas mis la balise d'ouverture pour le script
Code:

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é
02/05/2015, 20h18
Jean Sympa

Ma fonction ne s’exécute pas

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
02/05/2015, 20h19
melka one

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

Code:

<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>
02/05/2015, 20h55
Auteur
Citation:

Envoyé par melka one

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

Une bien mauvaise habitude :no:

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

Code:

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

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

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:

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
03/05/2015, 10h48
Jean Sympa

Ma fonction ne s’exécute pas

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
03/05/2015, 11h45
NoSmoking

une bonne lecture en perspective ;)
:faq: FAQ JavaScript
03/05/2015, 12h13
Auteur
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:

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.