Introduction à JavaScript

Que peut faire JavaScript ?

JavaScript est le langage de programmation du web.

Il peut calculer, manipuler et valider des données.

Il peut mettre à jour et modifier à la fois le HTML et le CSS.


JavaScript peut changer le contenu HTML

L'une des nombreuses méthodes HTML de JavaScript est getElementById() .

L'exemple ci-dessous "trouve" un élément HTML (avec id="demo") et change le contenu de cet élément (innerHTML) en "Bonjour JavaScript" :

Exemple

document.getElementById("demo").innerHTML = "Bonjour JavaScript";
Essayez-le vous-même »

JavaScript accepte à la fois les guillemets doubles et simples :

Exemple

document.getElementById('demo').innerHTML = 'Bonjour JavaScript';
Essayez-le vous-même »

JavaScript peut changer les valeurs des attributs HTML

Dans cet exemple, JavaScript change la valeur de l'attribut src (source) d'une balise <img> :

L'ampoule

Essayez-le vous-même »



JavaScript peut changer les styles HTML (CSS)

Changer le style d'un élément HTML est une variante du changement d'un attribut HTML :

Exemple

document.getElementById("demo").style.fontSize = "35px";
Essayez-le vous-même »

JavaScript peut cacher des éléments HTML

Cacher des éléments HTML peut se faire en changeant le style display :

Exemple

document.getElementById("demo").style.display = "none";
Essayez-le vous-même »

JavaScript peut afficher des éléments HTML

Afficher des éléments HTML cachés peut également se faire en changeant le style display :

Exemple

document.getElementById("demo").style.display = "block";
Essayez-le vous-même »

Le saviez-vous ?

JavaScript et Java sont deux langages complètement différents, tant en concept qu'en design.

JavaScript a été inventé par Brendan Eich en 1995 et est devenu une norme ECMA en 1997.

ECMA-262 est le nom officiel de la norme. ECMAScript est le nom officiel du langage.

Voir toutes les versions de JavaScript »


Vidéo : Introduction à JavaScript