Introduction au JavaScript
Le JavaScript est facile à coder et offre plusieurs façons d'intégrer du code dans une page HTML. Vous pouvez inclure le code JavaScript dans la balise <body>
, dans la balise <head>
, ou dans un fichier JavaScript externe. Voyons comment cela fonctionne avec quelques exemples simples.
Premier Script JavaScript
Créons notre premier script JavaScript en utilisant la balise <script>
. Voici un exemple de code JavaScript :
<script type="text/javascript">
document.write("Bienvenue sur le Site Pandacodeur.com, Le JavaScript est un langage simple & facile pour les apprenants de la GeniusClassrooms.");
</script>
Sortie Écran :
Bienvenue sur le Site Pandacodeur.com, Le JavaScript est un langage simple & facile pour les apprenants de la GeniusClassrooms.
La balise <script>
indique que nous utilisons JavaScript. Le type text/javascript
informe le navigateur que le contenu est du JavaScript. La fonction document.write()
est utilisée pour afficher du contenu dynamique. Nous explorerons davantage l'objet document
plus tard.
Trois Endroits pour Mettre du Code JavaScript
- Entre les balises
<body>
du HTML
- Entre les balises
<head>
du HTML
- Dans un fichier JavaScript externe (.js)
1) Exemple de JavaScript : Code entre les balises <body>
Voici un exemple simple de JavaScript affichant une boîte de dialogue d'alerte :
<script type="text/javascript">
alert("Hello Joël_Yk");
</script>
Sortie Écran :
Hello Joël_Yk
2) Code entre les balises <head>
Voici un exemple de code JavaScript dans la balise <head>. Nous créons une fonction msg()
et l'appelons via un événement onclick
:
<html>
<head>
<script type="text/javascript">
function msg() {
alert("Hello Joël_Yk");
}
</script>
</head>
<body>
<p>Bienvenue à Tous</p>
<form>
<input type="button" value="click" onclick="msg()"/>
</form>
</body>
</html>