TP : Introduction à Javascript

Javascript est un langage dont les programmes sont exécutés directement sur votre ordinnateur (dit PC client).
On pourra agrandir une photo, tester si les « champs » d’un formulaire sont bien remplis, si l’âge demandé est bien un nombre entier, calculer quel jour de la semaine tombera le 1 er mai 2049 etc....

Interface Homme Machine

Le code Javascript est interprété par le navigateur, comme celui-ci interprète le code HTML et la feuille de style CSS. Le code Javascript doit être placé dans une balise HTML particulière, la balise script.

Lire le code source des exemple ci-dessous : (faire un clic droit sur la page)
  1. La politesse c'est important : Cliquer ici
  2. La politesse c'est très important : Cliquer ici
  3. La politesse c'est très très important : Cliquer ici
Quelles sont les deux fonctions qui permettent d'afficher un résultat ?

Concaténation

  1. Dans ce dernier exemple, nous avons défini une variable.... Var prenom ;
  2. Toute variable doit être déclarée avant d'être utilisée.
  3. Nous avons « concaténé »trois chaines de caractère : le message que vous avez écrit est : avec la chaine contenu dans prenom que vous avez saisi et la chaine je vous souhaite de passer un agréable moment en I.S.N. Pour cela il suffit de les ajouter avec +.

Exemple ci-sessous à tester. (Ouvrir le fichier Cliquer ici avec un éditeur de texte (NotePad++, Geany, Bloc note) et modifier le contenu de la balise <script> par : 

   <script type="text/Javascript">
	var message1 = "Petit poisson ";
	var message2 = "deviendra grand.";
	alert(message1 + message2);
  </script>
.length : Si chaine est une chaîne de caractère chaine.length est un nombre égal à la longueur de chaine

Exemple à tester : 

   <script type="text/Javascript">
	var message1 = "Bonjour !";
	var message2 = "Au revoir !";
	alert(message1.length);
	alert(message2.length);
  </script>
  1. Créer un programme qui demande à l'utilisateur son nom et qui affiche le message
    "Votre nom contient ... lettres."

Variables

  1. Lire le code source Cliquer ici et dire combien de variables sont utilisées.
  2. Remplacer la variable nombre1 par taille et la variable nombre2 par masse et ajouter le calcul de l'IMC.
  3. Modifier le code afin que l'utilisateur puisse saisir sa taille (en m)) puis sa masse (en kg) .

    4. Attention : Expliquer pourquoi il faudra utiliser parseInt. ou parseFloat. (Lire et traduire la définition.)

Créer un programme qui demande à l'utilisateur un entier naturel et qui affiche la table de multiplication de ce nombre.

Suggestion de présentation :