Java Script
Java Script
5 Fonctions et évènements
L'avenir de Javascript est entre les mains des deux grands navigateurs du
Web et en partie lié à la guerre que se livrent Microsoft et Netscape. On
s'accorde à prédire un avenir prometteur à ce langage surtout de par
son indépendance vis à vis des ressources du serveur.
Il importe de savoir que Javascript est totalement différent de
Java. Bien que les deux soient utilisés pour créer des pages
Web évoluées, bien que les deux reprennent le terme Java ,
nous avons là deux outils informatiques bien différents.
Rappelle:
Une page HTML se divise en deux grandes parties:
<SCRIPT language="Javascript">
</SCRIPT>
Le code HTML sert généralement de conteneur au bloc
d’instruction JavaScript, suite au chargement du code HTML
Le navigateur exécute les bloc d’instructions JavaScript.
script simple qui doit vous saluer en écrivant votre nom à l’écran.
N’oublions pas que JavaScript est toujours inséré dans une Page HTML .
<SCRIPT LANGUAGE="JavaScript">
document.write("Bonjour ..votre nom.! ");
</SCRIPT>
</HEAD>
</HTML>
Pour l'exemple précédent, il suffit de créer un fichier nommé bonjour.js contenant la ligne :
Les commentaires:
Par exemple :
<SCRIPT LANGUAGE="JavaScript">
var v1="12";
var v2=5;
document.write("La variable v1 contient : ",v1,"<BR>");
document.write("La variable v2 contient : ",v2,"<BR>");
document.write("Avec v1+v2 on obtient :",v1+v2,"<BR>");
document.write("Avec v2+v1 on obtient : ",v2+v1,"<BR>");
</SCRIPT>
La fonction eval
Il arrive souvent que l'on doive interpréter une chaîne de caractères (par
exemple une saisie de l'utilisateur) comme étant une valeur numérique.
JavaScript permet de réaliser cette opération avec la fonction eval.
<SCRIPT LANGUAGE="JavaScript">
var v1="12";
var v2=5;
document.write("La variable v1 contient : ",v1,"<BR>");
document.write("La variable v2 contient : ",v2,"<BR>");
document.write("Avec v1+v2 on obtient :",v1+v2,"<BR>");
document.write("Avec eval(v1)+v2 on obtient : ",eval(v1)+v2,"<BR>");
</SCRIPT>
La fonction eval de JavaScript est très puissante, elle permet
aussi d'évaluer des chaînes de caractères contenant des
opérations. Par exemple eval("128") fournira 4 comme
résultat.
La fonction prompt
<SCRIPT LANGUAGE="JavaScript">
var nom;
nom=prompt("Quel est ton nom ?","");
document.write("<BIG><B>B</B></BIG>onjour "+nom+" !<BR>");
</SCRIPT>
</HEAD>
</html>
Exercice 1:
Calculette
Utiliser les fonctions eval et prompt pour écrire une
petite calculatrice.
l><head>
<title>Ma calculette JavaScript</title>
</head>
<body>
<h1>Ma calculette JavaScript</h1>
<hr>
<script language="JavaScript">
var expr;
expr=prompt("Entrer un calcul :","");
document.write(expr," = ",eval(expr)+"<BR>");
</script>null = null<br>
<p><br></p>
<a
href="file:///C:/Documents%20and%20Settings/hadbi/Mes%20docume
nts/TD%20Javascript/tddepart/eval.html">Nouveau calcul...</a>
</body></html>
Fonction Alert
Affichage du resultat d’une adition de deux variable dans une
boite de dialogue:
<html>
<head>
<title>Mon premier programme en js</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var somme, nombre1= 10; nombre2= 5;
somme=nombre1+nombre2;
alert("le resultat de l'addition est : " +somme);
</script>
</HEAD>
</html>
Exercice 2:
Affichez le résultat d’un calcul de cout du trajet d’un véhicule.
L’utilisateur doit renseigner plusieurs boites de dialogue
La marque
Le cout du litre de carburant
Le kilométrage du véhicule
En utilisant la formule suivante:
cout_total=nb_kilometres/100*consommation*prix_litre;