Premiers pas : variables et types

Objectifs de la leçon

• Exécuter du JavaScript dans le navigateur ;
• Déclarer des variables ;
• Connaître les types de données de base.

Où écrire du JavaScript ?

• Dans la console du navigateur (F12, onglet Console) pour tester rapidement ;
• Dans un fichier js/app.js relié à la page, juste avant la fermeture de body :

<script src="js/app.js"></script>

Afficher un résultat

console.log("Bonjour SUO !");

console.log affiche une valeur dans la console : votre meilleur outil pour comprendre ce que fait votre code.

Les variables

Une variable est une boîte nommée qui contient une valeur.

const nomBoutique = "Chez Awa";   // ne changera pas
let stock = 25;                   // peut changer
stock = stock - 3;                // stock vaut maintenant 22

• const pour une valeur qui ne sera pas réaffectée (à privilégier) ;
• let pour une valeur qui change ;
• évitez l'ancien mot-clé var.

Les types de base

const prix = 2500;               // nombre (number)
const produit = "Jus de bissap"; // chaîne de caractères (string)
const disponible = true;         // booléen (boolean)
let remise = null;               // absence volontaire de valeur

Les opérations

const total = prix * 3;                          // 7500
const message = "Total : " + total + " FCFA";
const message2 = `Total : ${total} FCFA`;        // gabarit de chaîne, plus lisible

À retenir

const par défaut, let si la valeur change, et console.log pour vérifier.

Mise en pratique

Dans la console, déclarez le prix unitaire d'un produit, une quantité, calculez le total et affichez une phrase complète avec un gabarit de chaîne.