Le langage "JAVASCRIPT". 1.
"Javascript" est un langage de programmation créé par les sociétés Netscape et Sun Microsystems dans le but d'améliorer l'écriture de page Web. C'est un langage interprété ; c'est-à-dire qu'à partir du code source on ne peut pas générer une application indépendante, mais que celui-ci doit être traduit. Il ne faut pas confondre "Javascript" et "Java" qui est, lui, un langage compilé.
"Javascript" possède la particularité de ne pas posséder d'interpréteur, pour visualiser le résultat de l'écriture d'un programme il faudra lancer un navigateur Web capable
d'interpréter le langage.
C'est un langage qui permet également de construire des formulaires pour avoir une certaine interactivité au niveau de vos pages web. Il est une alternative aux pages qui sont
développées en flash. On note au passage que c'est encore le langage le plus utilisé au niveau des pages web pour la création de la moindre interactivité.
Attention, ce langage fait la différence entre majuscules et les minuscules. De même il faudra faire très attention au point-virgule en fin d'instruction.
Les scripts "Javascript" s'intègre dans le code HTML par l'insertion des balises :
<SCRIPT LANGUAGE = "javascipt">
.......
</SCRIPT>
Sous HtmlEd32 il suffit de demander Link – Script – Language = JavaScript pour poser les balises de base ci-dessus.
Le langage "Javascript" est orienté objet, on retrouvera ainsi la notation
objet.propriété = valeur (comme dans DELPHI ! !)
ou valeur peut être une constante, une variable ou une fonction.
Exemple :
-
Tapez le code suivant dans l'éditeur HtmlEd32 et visualisez le résultat grâce au navigateur.
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<SCRIPT LANGUAGE="javascript">
document.bgcolor ="00FF00"
document.fgcolor = "FF0000"
document.write("Un premier test en Javascript")
</SCRIPT>
<BODY>
</BODY>
</HTML>
Important : "Javascript" fait la différence entre les majuscules et les minuscules. C'est la source de nombreuses erreurs, faciles à corriger avec de l'attention.
En utilisant une variable que l'on affecte d'une certaine valeur on peut écrire :
<SCRIPT LANGUAGE="javascript">
message = "utilisation d'une variable"
document.bgcolor ="00FF00"
document.fgcolor = "FF0000"
document.write(message + "<BR>")
message += " " + message
document.write (message)
</SCRIPT>
Il existe en "Javascript" de nombreux opérateurs dont certains d'affectation comme ceux-ci :
-
opérateur :
Equivalent de :
x += y
x = x + y
x -= y
x = x - y
x *= y
x = x * y
x /= y
x = x / y
-
Notez que dans ce premier exemple on a utilisé la balise "HTML" "<BR>" en l'encadrant de guillemets.
Comme tous langages informatiques "Javascript" comporte les structures séquentielles, conditionnelles et itératives.
-
Vous allez écrire un programme utilisant la structure itérative classique car commune à la quasi totalité des langages, à savoir la boucle "For".
Tapez le code suivant :
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<SCRIPT LANGUAGE = "javascript">
somme = 0
for (i = 1; i <=20; i++)
{
somme += i
document.write(somme+"<BR>")
}
</SCRIPT>
<BODY>
</BODY>
</HTML>
Il est possible que le navigateur vous retourne un message d'erreur, en effet comme dans tous les langages informatiques la syntaxe est très stricte.
Elle est pour la boucle "for" la suivante :
for ([expression initiale]; [condition]; [expression finale])
{
instructions
}
L'opérateur d'incrémentation noté ++ ajoute 1 à la variable indiquée. Ainsi dans l'exemple i++ signifie que la variable de boucle i est incrémentée de 1 à chaque itération.
-
Exercice d’application
Ecrire une séquence JavaScript permettant d’afficher les 20 premiers nombres pairs (à partir de zéro bien sûr !).
Ecrire une séquence JavaScript permettant d’afficher les 10 premiers nombres pairs suivis des 10 premiers nombres impairs (= 0, 2, …..16,18 ; 1, 3, …., 17, 19) ;
-
Pour terminer ce "TP" un exemple montrant comment en "Javascript" afficher une boîte de message.
<SCRIPT LANGUAGE = "javascript">
alert("bienvenue dans la page d'Auchon Paul")
</SCRIPT>
Notons aussi que ce langage est doucement en train de s'éteindre car ce sont les systèmes androïd qui
viennent via les tablettes pc prendre la place de cet interface javascript que nous avons tant aimée. De plus, ces tablettes vont permettre dans un avenir très proche de piloter le
système domotique de nos habitations que ce soit directement pour notre aspirateur robot ou pour le chauffage ou la
fermeture des volets, la mise en route du four etc. Tout ceci ce fera directement à partir du système d'exploitation de notre tablette ou
smartphone. Il en va de même bien sûr pour les tondeuses robot.