Etape 1 variable, affichage et saisie
Afficher bonjour grâce à JS dans une page HTML.
Sortir le code JS dans une page externe et exécuter le script sur la page HTML.
Permettre la saisie du nom et du prénom et afficher une phrase contenant les deux.
Permettre la saisie de deux nombre et afficher le résultat (il faut utiliser la fonction parseInt(valeur) pour transformer la saisie qui est une chaine en nombre.
Etape 2 les conditions if else
Demander à l’utilisateur de saisir un nombre, afficher s’il est supérieur ou inférieur à 20.
Etape 3 la condition switch
Réaliser un menu qui permette d’additionner, de soustraire, de multiplier ou de diviser deux nombres.
Etape 4 les boucles
Ecrire une boucle qui permette d’additionner 5 nombres saisie par l’utilisateur et d’afficher le résultat.
Ecrire une boucle qui permette de multiplier les nombres saisis par l’utilisateur tant qu’il le souhaite, choisir sa condition de sortie.
Etape 5 les fonctions
Réaliser une fonction qui affiche bonjour avec votre nom.
Réaliser une fonction qui prenne en paramètre un argument et qui affiche « bonjour » + l’argument
L’appel de cette fonction se fera à la suite en écrivant tout simplement le nom de la fonction et le paramètre voulu. Permettre à l’utilisateur de saisir l’argument.
Etape 6 les tableaux
Enregistrer 10 nombres dans un tableau et les afficher dans l’ordre croissant.
Etape 7 contrôle d’éléments
Réaliser un formulaire qui contient plusieurs champs de saisis : un message HTML bonjour dans une balise span possédant un identifiant, un champ nom, deux champs mot de passe et un champ date d’inscription.
On vérifiera en JS les conditions suivantes :
- Login : Pas moins de 4 caractères
- Mot de passe : Pas moins de 4 caractères avec au moins un chiffre
- Mot de passe (confirmation) : Doit être identique au premier mot de passe
- Date de création : date antérieur de 3 mois minimum à aujourd’hui.
Etape 8 Modification ou ajout d’éléments
Apres l’affichage d’une boite de dialogue de saisie, modifier le champ dans la page HTML qui affiche bonjour par une phrase saisie par l’utilisateur
Ajouter un champ de saisie d’un nom avant le login grâce au JS.
Etape 9 Evènements
Ajouter un bouton de validation à votre formulaire.
Supprimer ce bouton grâce à JS lors du passage de la souris dessus.
Etape 10 Evènement clavier et CSS
Modifier la couleur du champ login lorsque l’utilisateur clique sur la touche c sur l’élément login.
//1
alert("bonjour");
var nom=prompt("nom");
var prenom=prompt("prenom");
alert(nom+prenom);
var a=prompt("a");
var b=prompt("b");
alert(parseInt(a)+parseInt(b));
//2
var val=parseInt(prompt("val"));
if(val>20)
alert("superieur");
else
alert("inferieur");
//3
var a=parseInt(prompt("a"));
var b=parseInt(prompt("b"));
var choix=parseInt(prompt("1 addition, 2 soustraction, 3 division, 4 multiplication"));
switch (choix){
case 1:
alert(a+b);
break;
case 2:
alert(a-b);
break;
case 3:
alert(a/b);
break;
case 4:
alert(a*b);
break;
default:
alert("aucun choix");
}
//4
var cumul=0;
for (var i = 0; i < 5; i++) {
cumul+=parseInt(prompt("a"));
//cumul=cumul+parseInt(prompt("a"));
}
alert(cumul);
var cumul=1;
do{
cumul*=parseInt(prompt("a"));
s=parseInt(prompt("1 pour sortir"));
}while(s!=1);
alert(cumul);
//5
function monnom(nom){
alert("bonjour "+nom);
}
monnom(prompt("youhou"));
//6
var tb = [];
for (var i = 0; i <10; i++) {
tb.push(parseInt(prompt("val"+i)));
}
tb.sort(function(a, b) {
return a - b;
});
console.log(tb);