JavaScript est un langage de script puissant qui s'exécute dans le navigateur, permettant de manipuler le contenu et le comportement de la page web. Si l'on compare cela à une maison, JavaScript représente la fonctionnalité de la maison, englobant des éléments tels que les systèmes électriques, la plomberie, la domotique et le chauffage central – en somme, tout ce qui fournit des fonctionnalités.

Voici comment ajouter JavaScript au document HTML :

JavaScript en ligne

Il est possible d'inclure JavaScript directement dans le document HTML à l'aide de la balise <script>. Cette méthode est utile pour ajouter des scripts rapides et ponctuels.

Exemple :

Veuillez cliquer sur le bouton Cliquez ici ci-dessous.

JavaScript externe

Pour des scripts plus volumineux ou réutilisables, il est préférable de placer votre JavaScript dans un fichier séparé et de le lier à la page HTML.

Exemple

Veuillez vous assurer de consulter les trois fichiers dans l'exemple fourni.

Notions de base en JavaScript

JavaScript permet d’ajouter de l’interactivité et un comportement dynamique aux pages web. Voici quelques concepts fondamentaux :

Variables

Utilisées pour stocker des données.

let age = 30;
const name = "Peter";

Fonctions

Blocs de code réutilisables.

function greet() {
  alert('Hello, World!');
}

Manipulation du DOM

Permet à JavaScript de modifier le contenu affiché sur la page.

document.getElementById('myElement').innerHTML = 'New Content';

Instructions conditionnelles

Exécution de différents codes selon les conditions.

if (age >= 21) {
  alert('You are an adult.');
} else {
  alert('You are a minor.');
}

Tutoriel vidéo