PREMIER PAS AVEC LE JS
Le Javascript est facile à coder. Le JavaScript fournit 3 endroits pour mettre le code JavaScript : dans la balise body , la balise Head et dans le fichier JavaScript externe.
Créons pour ainsi notre premier script JavaScript.
<script type="text/javascript">
document.write("Bienvenue sur le Site Pandacodeur.com ,LeJavaScript est un langage simple & facile pour les apprenants de la GeniusClassrooms.") ;
</script> |
Sortie Écran :
Bienvenue sur le Site Pandacodeur.com ,LeJavaScript est un langage simple & facile pour les apprenants de la GeniusClassrooms.
La balise script précise que nous utilisons JavaScript. Le text/javascript est le type de contenu qui fournit des informations au navigateur sur les données. La fonction document.write() est utilisée pour afficher un contenu dynamique par le biais de JavaScript. Nous en apprendrons plus sur l'objet document en détail plus tard.
Trois endroits pour mettre du code JavaScript
Entre la balise body du html
Entre la balise head du html
Dans un fichier .js (javaScript externe)
1) Exemple de JavaScript : code entre la balise body
Dans l'exemple ci-dessus, nous avons affiché le contenu dynamique en utilisant JavaScript. Voyons l'exemple simple de JavaScript qui affiche une boîte de dialogue d'alerte.
<script type="text/javascript">
alerte ("Hello Joël_Yk") ;
</script> |
Sortie Écran :
Hello Joël_Yk
2) Code entre la balise de tête
Voyons le même exemple d'affichage d'une boîte de dialogue d'alerte de JavaScript que celle qui est contenue dans la balise de tête.
Dans cet exemple, nous créons une fonction msg(). Pour créer une fonction en JavaScript, vous devez écrire la fonction avec function_name comme indiqué ci-dessous.Pour appeler la fonction, vous devez travailler sur l'événement. Ici, nous utilisons onclick event pour appeler la fonction msg().
<html>
< head>
<script type="text/javascript">
fonction msg(){
alerte ("Hello Joël_Yk") ;
}
</script>
</head>
<body>
<p>Bienvenue à Tous</p>
<form>
<input type="button" value="click" onclick="msg()"/>
</form>
</body>
</html> |