Introduction à Javascript

9 janvier, 2023

Table des matières Masquer

1 Intégration de Javascript dans une page HTML

2 Premier code Javascript : "Hello World"

Pour commencer ce tutoriel, nous allons voir comment inclure du code Javascript dans une page Web en utilisant un fichier HTML et comment afficher un message d’alert « Hello World » simple pour vous assurer que votre environnement de développement est configuré correctement.

Intégration de Javascript dans une page HTML

Pour utiliser du code Javascript dans une page Web, vous devez d’abord créer un fichier HTML qui inclut un lien vers ce code. Voici comment créer un fichier HTML de base et y inclure un lien vers un fichier Javascript nommé « app.js » :

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Mon site</title>
</head>
<body>
  <!-- Le contenu de votre site ira ici -->
</body>
</html>

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Mon site</title>
</head>
<body>
  <!-- Le contenu de votre site ira ici -->
  <script src="app.js"></script>
</body>
</html>

Premier code Javascript : "Hello World"

Maintenant que vous avez créé un fichier HTML qui inclut un lien vers un fichier Javascript, voici comment écrire un code « Hello World » dans ce fichier :

app.js

alert('Hello World!');

Voilà ! Lorsque vous chargez votre page Web, le message « Hello World » devrait s’afficher sur votre page internet.

Félicitations, vous avez maintenant créé votre première page Web qui inclut du code Javascript ! Vous avez appris comment inclure un fichier Javascript dans une page HTML et comment écrire une fonction simple qui affiche un message « Hello World ». Avec ces compétences, vous êtes prêt à continuer à apprendre et à pratiquer la programmation en Javascript pour créer des pages Web interactives et dynamiques. Bonne chance dans vos projets de développement !