Apprendre à coder sur pierre-giraud.com

DES COURS COMPLETS ET GRATUITS POUR TOUS

SOMMAIRE

Introduction

  1. Présentation du cours
  2. Introduction au JavaScript
  3. Environnement de travail

Les bases en JavaScript

  1. Où écrire le JavaScript
  2. Syntaxe et commentaires
  3. Découverte des variables
  4. Les types de valeurs
  5. Opérations sur les variables
  6. La concaténation
  7. Présentation des conditions
  8. Les conditions if, if...else, if...else if...else
  9. Opérateurs logiques
  10. Evaluation / Simplification des conditions
  11. Conditions ternaires
  12. Switch
  13. Les boucles
  14. Découverte des fonctions
  15. Test n°1

Les objets en JavaScript

  1. Définition et découverte
  2. Valeurs primitives et objets
  3. Créer des objets
  4. Les méthodes de l’objet String
  5. Les méthodes de l’objet Number
  6. Découverte de l’objet Array
  7. Les méthodes de l’objet Array
  8. Découverte de l’objet Date
  9. Les méthodes de l’objet Date
  10. L’objet Math et ses méthodes
  11. Test n°2

Notions avancées sur les fonctions

  1. La portée en JavaScript
  2. Les fonctions anonymes
  3. Les fonctions auto-invoquées
  4. Les closures JavaScript
  5. Test n°3

Le DOM HTML

  1. Découverte du DOM HTML
  2. Accéder à un élément HTML
  3. Modifier du contenu HTML
  4. Ajouter et insérer des éléments HTML
  5. Modifier ou supprimer des éléments HTML
  6. Naviguer dans le DOM
  7. Les évènements en JavaScript
  8. AddEventListener()
  9. Propagation des évènements
  10. L'objet Event
  11. Test n°4

Le BOM - Browser Object Model

  1. Le BOM et l'objet Window
  2. L'objet Screen
  3. L'objet Navigator
  4. L'objet Location
  5. L'objet History
  6. Test n°5

Les expressions régulières

  1. Découverte des regex en JavaScript
  2. Recherches et remplacements
  3. Les quantifieurs et les options
  4. Les classes de caractères et les méta-caractères
  5. Test n°6

JavaScript et formulaires

  1. Rappels sur les formulaires en HTML
  2. Validation HTML des formulaires
  3. Validation JavaScript des formulaires
  4. Test n°7

L'élément HTML canvas

  1. Découverte de l'élément canvas
  2. Dessiner des rectangles
  3. Dessiner des lignes
  4. Dessiner des arcs de cercle
  5. Créer des dégradés
  6. Insérer du texte et des images
  7. Incliner un dessin
  8. Test n°8

Notions avancées

  1. Gestion du délai d'exécution
  2. La gestion des erreurs
  3. Le mode strict
  4. Test n°9

Conclusion

  1. Conclusion - Aller plus loin

OPERATEURS LOGIQUES ET CONDITIONS

Les opérateurs logiques

En JavaScript, il existe trois opérateurs logiques très utilisés : l’opérateur logique « ET », l’opérateur logique « OU » et l’opérateur logique « CONTRAIRE » ou « NON ».

Chacun de ces opérateurs est représenté par un symbole.

Opérateur logique Symbole
ET (AND) &&
OU (OR) ||
NON !

Opérateurs logiques et conditions

Nous allons pouvoir utiliser ces opérateurs logiques au sein même de nos conditions, afin de pouvoir par exemple effectuer plusieurs comparaisons au sein d’un même test.

Plus précisément, l’opérateur logique « ET » va nous permettre de créer un intervalle de comparaison pour une variable.

On va par exemple pouvoir tester si la valeur contenue dans une variable heure est comprise entre 0 et 12.

Grâce à cet opérateur, nous allons pouvoir lever l’ambiguïté sur certaines valeurs (ambiguïté vue dans la partie précédente) en ne travaillant plus qu’avec des intervalles.

Utilisation de l’opérateur logique AND

On effectue des tests sur des intervalles avec AND

Essayer ce code !

L’opérateur « OU » va nous permettre de comparer la valeur d’une variable à deux valeurs différentes. Si l’une des deux comparaisons affiche le résultat attendu, le reste du code sera exécuté.

On peut par exemple tester si la valeur contenue dans une variable heure est inférieure à 0 ou supérieure à 24.

L’opérateur logique OR nous permet d’effectuer deux tests

On teste si l’heure est négative ou si elle est supérieure à 24

Essayer ce code !

Finalement, l’opérateur logique « NON » va nous permettre de nier une comparaison. Ainsi, des comparaisons évaluées de base à false vont être évaluées à true et inversement.

Dans l'exemple ci-dessus, le deuxième jeu de parenthèses n'est pas strictement nécessaire. Je les ai rajoutées afin de bien comprendre sur quoi porte l'opérateur « NON ».

L’opérateur logique non inverse la valeur logique d’un test

Ici, on teste l’inverse de ce qui est écrit

Essayer ce code !

A votre niveau, il est possible que vous ne compreniez pas immédiatement l’utilité de ces opérateurs logiques, notamment en ce qui concerne l’opérateur logique « NON ».

Cependant, chacun d’entre eux est très puissant et ils vont tous nous être très utiles par la suite. Ne les négligez donc pas.

Chapitre précédent

Chapitre suivant