Exemples de JavaScript

Que peut faire JavaScript ?

JavaScript peut modifier le contenu HTML JavaScript peut modifier les attributs HTML JavaScript peut modifier le style CSS JavaScript peut cacher des éléments HTML JavaScript peut afficher des éléments HTML cachés

Exemples expliqués

Où insérer JavaScript

JavaScript dans <head> JavaScript dans <body> JavaScript dans un fichier externe JavaScript dans une URL externe JavaScript dans un dossier externe

Où insérer expliqué

Sortie JavaScript

Écriture dans la sortie HTML Écriture dans un élément HTML Écriture dans une boîte d'alerte de fenêtre Écriture dans la console du navigateur

Sortie expliquée

Syntaxe JavaScript

Instructions JavaScript Nombres JavaScript Chaînes JavaScript Variables JavaScript Opérateurs JavaScript Affectation JavaScript Expressions JavaScript (en utilisant des constantes) Expressions JavaScript (en utilisant des chaînes) Expressions JavaScript (en utilisant des variables) Mots-clés JavaScript Commentaires JavaScript JavaScript est sensible à la casse

Syntaxe expliquée

Instructions JavaScript

Les instructions JavaScript sont des commandes pour le navigateur Le code JavaScript est une séquence d'instructions Les instructions JavaScript sont séparées par des points-virgules Plusieurs instructions sur une ligne sont autorisées Les instructions JavaScript peuvent être regroupées dans des blocs de code Vous pouvez rompre une ligne de code après un opérateur ou une virgule.

Instructions expliquées

Commentaires JavaScript

Commentaires sur une seule ligne Commentaires sur une seule ligne à la fin d'une ligne Commentaires sur plusieurs lignes Commentaire sur une seule ligne pour empêcher l'exécution Commentaire sur plusieurs lignes pour empêcher l'exécution

Commentaires expliqués

Variables JavaScript

Variables JavaScript Variables JavaScript comme algèbre Nombres et chaînes JavaScript Mot-clé var JavaScript. Déclaration de plusieurs variables dans une instruction Déclaration de plusieurs variables sur plusieurs lignes Une variable sans valeur renvoie la valeur indéfinie Redéclarer une variable ne détruira pas sa valeur Additionner des nombres JavaScript Additionner des chaînes JavaScript Additionner des chaînes et des nombres

Variables expliquées

Arithmétique JavaScript

L'opérateur d'addition (+) L'opérateur de soustraction (-) L'opérateur de multiplication (*) L'opérateur de division (/) L'opérateur de module (%) L'opérateur d'incrémentation (++) L'opérateur de décrémentation (--)

Arithmétique expliquée

Affectation JavaScript

L'opérateur d'affectation = L'opérateur d'affectation += L'opérateur d'affectation -= L'opérateur d'affectation *= L'opérateur d'affectation /= L'opérateur d'affectation %=

Affectation expliquée

Concaténation de chaînes JavaScript

Ajouter deux chaînes ensemble en utilisant l'opérateur de concaténation (+) Ajouter deux chaînes ensemble avec un espace dans la première chaîne Ajouter deux chaînes ensemble avec un espace entre les deux Ajouter deux chaînes ensemble en utilisant l'opérateur += Ajouter des chaînes et des nombres

Concaténation expliquée

Types de données JavaScript

Déclarer (créer) des chaînes Déclarer (créer) des nombres Déclarer (créer) un tableau Déclarer (créer) un objet Trouver le type d'une variable Ajouter deux nombres et une chaîne Ajouter une chaîne et deux nombres Une variable indéfinie Une variable vide

Types de données expliqués

Objets JavaScript

Créer une variable JavaScript Créer un objet JavaScript Créer un objet personne (ligne unique) Créer un objet personne (plusieurs lignes) Accéder aux propriétés d'un objet en utilisant .property Accéder aux propriétés d'un objet en utilisant [property] Accéder à une propriété de fonction comme méthode Accéder à une propriété de fonction comme propriété

Objets expliqués

Fonctions JavaScript

Une fonction simple Une fonction avec un argument Une fonction avec un argument 2 Une fonction qui renvoie une valeur Une fonction qui convertit Fahrenheit en Celsius Un appel de fonction sans ()

Fonctions expliquées

Événements JavaScript

Un événement onclick modifie un élément HTML Un événement onclick modifie son propre élément Un événement onclick appelle une fonction

Événements expliqués

Chaînes JavaScript

Les chaînes peuvent être écrites avec des guillemets simples ou doubles. Montrer quelques exemples de chaînes Le backslash avant les guillemets permet d'accepter les guillemets comme guillemets. Trouver la longueur d'une chaîne Vous pouvez rompre une chaîne de texte avec un backslash. Vous ne pouvez pas rompre le code avec un backslash. Trouver la position de la première occurrence d'un texte dans une chaîne - indexOf() Rechercher un texte dans une chaîne et renvoyer le texte s'il est trouvé - match() Remplacer des caractères dans une chaîne - replace() Convertir une chaîne en majuscules - toUpperCase() Convertir une chaîne en minuscules - toLowerCase() Diviser une chaîne en un tableau - split()

Chaînes expliquées

Nombres JavaScript

Les nombres peuvent être écrits avec ou sans décimales Des nombres très grands ou très petits peuvent être écrits avec une notation exponentielle Les nombres sont considérés comme précis uniquement jusqu'à 15 chiffres L'arithmétique à virgule flottante n'est pas toujours 100 % précise Mais cela aide à multiplier et diviser par 10 Additionner deux nombres donne un nouveau nombre Additionner deux chaînes numériques donne une chaîne concaténée Additionner un nombre et une chaîne numérique donne également une chaîne concaténée Additionner une chaîne numérique et un nombre donne également une chaîne concaténée Erreur courante lors de l'addition de chaînes et de nombres 1 Erreur courante lors de l'addition de chaînes et de nombres 2 JavaScript essaiera de convertir les chaînes en nombres lors de la division JavaScript essaiera de convertir les chaînes en nombres lors de la multiplication JavaScript essaiera de convertir les chaînes en nombres lors de la soustraction JavaScript ne convertira PAS les chaînes en nombres lors de l'addition Un nombre divisé par une chaîne est NaN (Not a Number) Un nombre divisé par une chaîne numérique est un nombre La fonction globale JavaScript isNaN() renvoie si une valeur est un nombre Utiliser NaN dans une opération mathématique renverra toujours NaN Utiliser NaN dans une opération de chaîne mathématique concaténera NaN NaN (Not a Number) est un nombre (Oui ! typeof NaN renvoie number) L'infini est renvoyé si vous calculez un nombre en dehors du plus grand nombre possible La division par zéro génère également l'infini L'infini est un nombre (typeof Infinity renvoie number) Les constantes, précédées de 0x, sont interprétées comme hexadécimales La méthode toString() peut afficher des nombres en hexadécimal, octal et binaire Les nombres peuvent être des objets Les nombres et les objets ne peuvent pas être comparés en toute sécurité Les objets et les objets ne peuvent pas être comparés en toute sécurité

Nombres expliqués

Méthodes de nombre JavaScript

La méthode toString() convertit un nombre en chaîne La méthode valueOf() renvoie un nombre en tant que nombre La méthode toExponential() renvoie un nombre avec une notation exponentielle La méthode toFixed() arrondit un nombre à un certain nombre de chiffres La méthode toPrecision() écrit un nombre avec une longueur spécifiée La méthode globale Number() convertit des variables en nombres La méthode globale Number() peut même convertir des dates en nombres La méthode globale parseInt() convertit des chaînes en nombres La méthode globale parseFloat() convertit des chaînes en nombres MAX_VALUE renvoie le plus grand nombre possible en JavaScript MIN_VALUE renvoie le plus petit nombre possible en JavaScript POSITIVE_INFINITY représente l'infini POSITIVE_INFINITY est renvoyé en cas de dépassement NEGATIVE_INFINITY représente l'infini négatif NEGATIVE_INFINITY est renvoyé en cas de dépassement NaN représente "Not-a-Number" L'arithmétique effectuée sur une chaîne renverra NaN Utiliser une propriété Number sur une variable renverra indéfini

Méthodes de nombres expliquées

Mathématiques JavaScript

Math.PI renvoie la valeur de PI Math.round(x) renvoie la valeur arrondie de x Math.pow(x, y) renvoie la valeur de x à la puissance de y Math.sqrt(x) renvoie la racine carrée de x Math.abs(x) renvoie la valeur absolue (positive) de x Math.ceil(x) renvoie la valeur de x arrondie à l'entier supérieur Math.floor(x) renvoie la valeur de x arrondie à l'entier inférieur Math.sin(x) renvoie le sinus de l'angle x (exprimé en radians) Math.cos(x) renvoie le cosinus de l'angle x (exprimé en radians) Math.max() renvoie le nombre ayant la valeur la plus élevée d'une liste d'arguments Math.min() renvoie le nombre ayant la valeur la plus basse d'une liste d'arguments Conversion de Celsius en Fahrenheit

Mathématiques expliquées

Aléatoire JavaScript

Aléatoire expliqué

Dates JavaScript

Utiliser Date() pour afficher la date et l'heure d'aujourd'hui Utiliser getFullYear() pour afficher l'année Utiliser getTime() pour calculer le nombre de millisecondes depuis 1970 Utiliser setFullYear() pour définir une date spécifique Utiliser toUTCString() pour convertir la date d'aujourd'hui (selon UTC) en chaîne Utiliser getDay() pour afficher le jour de la semaine sous forme de nombre Utiliser getDay() et un tableau pour afficher le jour de la semaine sous forme de nom Afficher une horloge

Dates expliquées

Tableaux JavaScript

Créer un tableau I Créer un tableau II Accéder à un élément de tableau Modifier un élément de tableau Accéder à un tableau complet Trouver la longueur d'un tableau Boucler à travers un tableau Ajouter un élément à un tableau Ajouter des "trous" indéfinis à un tableau Comment reconnaître un tableau I Comment reconnaître un tableau II

Tableaux expliqués

Méthodes de tableau JavaScript

Ajouter un élément à un tableau Supprimer le dernier élément d'un tableau - pop() Joindre tous les éléments d'un tableau en une chaîne - join() Joindre deux tableaux - concat() Joindre trois tableaux - concat() Ajouter un élément à la position 2 dans un tableau - splice() Convertir un tableau en chaîne - toString() Ajouter de nouveaux éléments au début d'un tableau - unshift() Supprimer le premier élément d'un tableau - shift() Sélectionner des éléments d'un tableau - slice()

Méthodes de tableau expliquées

Tri de tableau JavaScript

Trier un tableau par ordre croissant Trier un tableau par ordre décroissant Trier un tableau de nombres par ordre croissant Trier un tableau de nombres par ordre décroissant Trier des nombres (alphabétiquement ou numériquement) Trier des nombres de tableau dans un ordre aléatoire Trouver le plus bas nombre dans un tableau Trouver le plus haut nombre dans un tableau Trouver le plus bas nombre dans un tableau en utilisant Math.min() Trouver le plus haut nombre dans un tableau en utilisant Math.max() Utiliser une méthode "maison" myArrayMin Utiliser une méthode "maison" myArrayMax Trier des objets par propriétés numériques Trier des objets par propriétés de chaîne

Tri de tableau expliqué

Itération de tableau JavaScript

Array.forEach() Array.map() Array.filter() Array.reduce() Array.reduceRight() Array.every() Array.some() Array.indexOf() Array.lastIndexOf() Array.find() Array.findIndex()

Itération de tableau expliquée

Conversion de type JavaScript

Afficher le type de tous les types de variables Afficher le constructeur de tous les types de variables Convertir un nombre en chaîne en utilisant String() Convertir un nombre en chaîne en utilisant toString() Vérifier si une variable est un tableau Vérifier si une variable est une date

Conversion de type expliquée

Booléens JavaScript

Afficher la valeur de Boolean(10 > 9) Afficher la valeur de 10 > 9 Tout ce qui a une valeur réelle est vrai La valeur booléenne de zéro est fausse La valeur booléenne de moins zéro est fausse La valeur booléenne d'une chaîne vide est fausse La valeur booléenne d'indéfini est fausse La valeur booléenne de null est fausse La valeur booléenne de faux est fausse La valeur booléenne de NaN est fausse

Booléens expliqués

Comparaisons JavaScript

Comparaisons expliquées

Conditionnelles JavaScript

L'instruction if L'instruction else L'instruction else if Lien aléatoire Instruction switch

Conditionnelles expliquées

Boucles JavaScript

Boucle For Boucler un tableau Boucler à travers les en-têtes HTML Boucle While Boucle Do While Rompre une boucle Rompre et continuer une boucle Utiliser une instruction for...in pour boucler à travers les éléments d'un objet

Boucles expliquées

Gestion des erreurs JavaScript

L'instruction try...catch L'instruction try...catch avec une boîte de confirmation L'événement onerror

Erreurs expliquées

Expressions régulières JavaScript

Rechercher une expression dans une chaîne Rechercher une expression et la remplacer

Expressions régulières expliquées

Objets JavaScript

Création d'une variable JavaScript Création d'un objet JavaScript Création d'un objet JavaScript (ligne unique) Création d'un objet JavaScript (plusieurs lignes) Création d'un objet JavaScript en utilisant new Création d'objets JavaScript en utilisant un constructeur Création d'objets JavaScript intégrés La meilleure façon de créer des variables JavaScript Les objets JavaScript sont mutables

Objets expliqués

Propriétés d'objet JavaScript

Accéder aux propriétés en utilisant .property Accéder aux propriétés en utilisant [property]