TUTO JS - #1 LES VARIABLES


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
PrimFX

Salut tout le monde ! Je m'appelle Boris, j'ai 18 ans et je suis passionné d'informatique et de technologie. Je partage cette passion à travers mes vidéos que tu peux retrouver sur YouTube sous le nom de PrimFX ou bien sur ce site bien sûr (tutoriels de programmation (HTML, CSS, PHP), gameplays, vlogs high-tech...). @+

A voir aussi

3 Commentaires

POSTER UN COMMENTAIRE

Vous devez être connecté pour pouvoir poster un commentaire...

Pas encore de compte ? Créez-en un ici !



  • Photo de profil de Dinars

    Dinars

    11 March 2017 à 13:37

    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?

  • Photo de profil de jeannot_gates

    jeannot_gates

    04 April 2017 à 14:58

    super tuto boris

  • Photo de profil de thiernosow

    thiernosow

    16 April 2017 à 10:19

    tu m'inspire mon amis .