TUTO JS - #1 LES VARIABLES

PrimFX Boris ('PrimFX') Le 8 mars 2017

A la base de tous les langages de programmation, les variables nous permettrons de stocker des informations que nous pourrons soit entrer à la main dans notre script, soit récupérer grâce à l'utilisateur.

Par la suite, nous verrons comment effectuer des vérifications (conditions) sur ces variables afin d'offrir davantage de flexibilité à nos scripts !

  • index.html
<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>Tuto JS #1</title>
</head>
<body>
   <h1>Tuto JS #1 - Les variables</h1>
   <script src="js/app.js"></script>
</body>
</html>
  • js/app.js
/*var maVariable = 10;
var typeDeVariable = typeof maVariable;
alert(typeDeVariable);*/

/*var humeur = prompt('Comment ça va ?');
var prenom = prompt("Comment t'appelles-tu ?");
var phrase = 'Tu t\'appelles ' + prenom + ' et tu vas ' + humeur + ' !';
alert(phrase);*/

var varUne, varDeux = 10, varTrois;
var varQuatre;

console.log(varUne);
console.log(typeof varUne);

varUne = "Coucou 😀";

console.log(varUne);
console.log(typeof varUne);

console.log("Affichage du message de bienvenue");
alert('Bienvenue dans notre programme d\'addition');

var nombreUn = prompt('Votre premier nombre');
console.log("L'utilisateur a entré le nombre: " + nombreUn);

var nombreDeux = prompt('Votre second nombre');
console.log("L'utilisateur a entré le nombre: " + nombreDeux);

console.log("Opération en cours");
var resultat = Number(nombreUn) + Number(nombreDeux);

console.log("Affichage du résultat: "+resultat);
alert(resultat);

A propos de l'auteur

PrimFX
Boris ('PrimFX')

Je m'appelle Boris, j'ai 22 ans et je suis passionné d'informatique. Suite à mes études (Licence Informatique puis MSc Computer Science au Trinity College Dublin), je gère l'entreprise Single Quote co-fondée en 2019 et je profite de mon temps libre pour partager ma passion à travers des vidéos & articles 😃

Votre commentaire

Vous devez être connecté pour poster un commentaire. Se connecter ou Créer un compte

Commentaires 3

  • thiernosow Le 16 avril, à 10:19 | Répondre

    tu m'inspire mon amis .

  • jeannot_gates Le 4 avril, à 14:58 | Répondre

    super tuto boris

  • Dinars Le 11 mars, à 13:37 | Répondre

    Super bien fait et très bien expliqué! Merci pour ce tuto très instructif, tu rends ce langage compliqué un peu plus simple!
    J'ai vu que tu as une extension Sublime Text qui permet d'auto-complèter le JS, c'est quoi son nom?