Tutoriel Javascript

Javascript

Découvez la puisance du Javascript dans ce tutoriel.

HTML HTML5 CSS Dreamweaver Bootstrap PHP

Fonctions

Créer une fonction

<script>
function MaFonction() { // Initialiser la fonction MaFonction
// Traitements
}
</script>

Appeler une fonction

Pour appeler la fonction, il faut ecrire le nom de la fonction avec les parenthéses qui peuvent ou non contenir un paramétre.

<script>
MaFonction(); // Appel de la fonction
</script>

Exemple complet

<script>
function MaFonction() { // Initialiser la fonction MaFonction
var MaValeur ; // Instanciation
MaValeur = 30;

if(MaValeur) { // Tester si la variable MaValeur est définie et si une valeur a été affectée
alert('Elle existe');
}
else {
alert('Elle n\'existe pas');
}
}
// Appeler une fonction
MaFonction();
</script>

Exercice

Créer une fonction qui va

demander à l'utilisateur de saisir son poids

en fonction de la saisie, on crée une structure conditionnelle qui affichera les messages suivants en fonction des critères.

Critères :

< 40kg maigre
< 80kg C'est bien
=100kg C'est lourd

<script>
function MonPoids() {
var DemandePoids = prompt('Quel est votre poids ?');
if(DemandePoids<40) {
alert('C\'est maigre');
}
else if(DemandePoids>=40 && DemandePoids<80) {
alert('C\'est bien');
}
else {
alert('C\est lourd');
}
}
MonPoids(); // Appeler la fonction
</script>