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
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...). @+
3 Commentaires
POSTER UN COMMENTAIRE
Vous devez être connecté pour pouvoir poster un commentaire...
Pas encore de compte ? Créez-en un ici !
Dinars
11 March 2017 à 13:37Super 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?
jeannot_gates
04 April 2017 à 14:58super tuto boris
thiernosow
16 April 2017 à 10:19tu m'inspire mon amis .