Qu'est-ce que Javascript ?
JavaScript est le langage de programmation pour le Web.
JavaScript peut mettre à jour et modifier à la fois HTML et CSS.
JavaScript peut calculer , manipuler et valider des données.
Tutoriel de démarrage rapide JavaScript
Ce didacticiel examinera rapidement les types de données JavaScript les plus importants.
Les variables JavaScript peuvent être :
- Nombres
- Cordes
- Objets
- Tableaux
- Les fonctions
Variables JavaScript
Les variables JavaScript sont des conteneurs pour stocker des valeurs de données.
Dans cet exemple, x, y et z sont des variables :
Exemple
var x = 5;
var y = 6;
var z = x + y;
À partir de l'exemple ci-dessus, vous pouvez vous attendre :
- x stocke la valeur 5
- y stocke la valeur 6
- z stocke la valeur 11
Numéros JavaScript
JavaScript n'a qu'un seul type de nombre. Les nombres peuvent être écrits avec ou sans décimales.
Exemple
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Tous les nombres sont stockés sous forme de nombres à virgule flottante double précision.
Le nombre maximum de décimales est de 17, mais la virgule flottante n'est pas toujours précise à 100 % :
Exemple
var x = 0.2 + 0.1; // x will be 0.30000000000000004
Chaînes JavaScript
Les chaînes stockent du texte . Les chaînes sont écrites entre guillemets. Vous pouvez utiliser des guillemets simples ou doubles :
Exemple
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
La longueur d'une chaîne se trouve dans la propriété intégrée length :
Exemple
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Objets JavaScript
Vous avez déjà appris que les variables JavaScript sont des conteneurs pour les valeurs de données.
Ce code attribue une valeur simple (Fiat) à une variable nommée car :
var car = "Fiat";
Les objets sont aussi des variables. Mais les objets peuvent contenir de nombreuses valeurs.
Ce code attribue plusieurs valeurs (Fiat, 500, blanc) à une variable nommée car :
var car = {type:"Fiat", model:"500", color:"white"};
Tableaux JavaScript
Les tableaux JavaScript sont utilisés pour stocker plusieurs valeurs dans une seule variable.
Exemple
var cars = ["Saab", "Volvo", "BMW"];
Fonctions JavaScript
Une fonction JavaScript est un bloc de code conçu pour effectuer une tâche particulière.
Une fonction JavaScript est exécutée lorsque "quelque chose" l'invoque (l'appelle).
Exemple
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Que peut faire JavaScript ?
Cette section contient quelques exemples de ce que JavaScript peut faire :
- JavaScript peut modifier le contenu HTML
- JavaScript peut modifier les valeurs des attributs HTML
- JavaScript peut modifier les styles HTML (CSS)
- JavaScript peut masquer des éléments HTML
- JavaScript peut afficher des éléments HTML
JavaScript peut modifier le contenu HTML
L'une des nombreuses méthodes JavaScript HTML est getElementById() .
Cet exemple utilise la méthode pour "trouver" un élément HTML (avec id="demo") et change le contenu de l'élément ( innerHTML ) en "Hello JavaScript":
Exemple
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript peut modifier les valeurs des attributs HTML
Dans cet exemple, JavaScript modifie la valeur de l'attribut src (source) d'une balise <img> :
L'ampoule
JavaScript peut modifier les styles HTML (CSS)
Changer le style d'un élément HTML, est une variante de changer un attribut HTML :
Exemple
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript peut masquer des éléments HTML
Le masquage des éléments HTML peut être effectué en modifiant le style d'affichage :
Exemple
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript peut afficher des éléments HTML
L'affichage des éléments HTML masqués peut également être effectué en modifiant le style d'affichage :
Exemple
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Tutoriel JavaScript complet
Ceci a été une courte description de JavaScript.
Pour un didacticiel JavaScript complet, accédez au didacticiel JavaScript de W3Schools .
Pour une référence JavaScript complète, accédez à W3Schools JavaScript Reference .