Tutoriel Javascript

Javascript

Découvez la puisance du Javascript dans ce tutoriel.

HTML HTML5 CSS Dreamweaver Bootstrap PHP

Les variables

Qu'est ce qu'une variable ?

A développer

Déclarer une variable et l'afficher

2 possibilités

var MaVariable
MaVariable='Hello';
var MaVariable ='Hello';

<script>
var MaVariable; // Je déclare ma variable
MaVariable='Hello Word'; // Je lui affecte une valeur textuelle
</script>

<script>
var MaVariable = 'Le texte à aficher';
</script>

Afficher le résultat avec alert

alert(MaVariable);
<script>
var MaVariable; // Je déclare ma variable
MaVariable='Hello Word'; // Je lui affecte une valeur textuelle
alert (MaVariable); // Afficher avec alert
</script>

Les types de variables

Les types sont : booleen, int, string

Javascript n'attache pas d'importance au type.

Tester l'existence de variables avec typeof

var number = 2;
alert(typeof number); // Affiche : « number »

var text = 'Mon texte';
alert(typeof text); // Affiche : « string »

var aBoolean = false;
alert(typeof aBoolean); // Affiche : « boolean »

Faire des calculs

Les opérateurs arithmétiques

A développer

Calculs avec les variables

A développer

Concaténation avec Javascript

Concaténation avec le signe +

<script>
var MonAge;
MonAge=28;
// alert avec concaténation
alert('J\'ai '+MonAge + ' ans');
</script>

Exercice : Prompt affecté à la variable MonAge1

Sur cette ligne de commande, on a l'impression d'affecter la commande prompt à la variable MonAge1, mais on lui affecte le retour autrement dit le alert.

<script>
var MonAge1 = prompt('Quelle âge avez vous ?');
alert ('Vous avez '+MonAge1+' ans');
</script>