JavaScript est ce qu’on appelle un langage de script côté client. Cela signifie qu’il s’agit d’un langage de programmation informatique qui s’exécute dans un navigateur Internet (un navigateur est également appelé client Web car il se connecte à un serveur Web pour télécharger des pages).
Le fonctionnement de JavaScript est intéressant. À l’intérieur d’une page Web normale, vous placez du code JavaScript (voir Comment fonctionnent les pages Web pour plus de détails sur les pages Web). Lorsque le navigateur charge la page, le navigateur dispose d’un interpréteur intégré qui lit le code JavaScript qu’il trouve dans la page et l’exécute.
Concepteurs de pages Web utiliser JavaScript de différentes manières. L’une des plus courantes consiste à effectuer une validation de champ dans un formulaire. De nombreux sites Web recueillent des informations auprès des utilisateurs dans des formulaires en ligne, et JavaScript peut aider à valider les entrées. Par exemple, le programmeur peut valider que l’âge d’une personne entré dans un formulaire se situe entre 1 et 120.
Une autre façon dont les concepteurs de pages Web utilisent JavaScript est de créer des calculatrices. Voici plusieurs exemples :
Pour vous donner un exemple de calculatrice JavaScript extrêmement simple, le code HTML ci-dessous vous montre comment créer un convertisseur Fahrenheit en Celsius à l’aide de JavaScript :
<html>
<head>
<script language="JavaScript">
<!-- hide this script from old browsers
function temp(form)
{
var f = parseFloat(form.DegF.value, 10);
var c = 0;
c = (f - 32.0) * 5.0 / 9.0;
form.DegC.value = c;
}
// done hiding from old browsers -->
</script>
</head>
<body>
<FORM>
<h2>Fahrenheit to Celsius Converter</h2>
Enter a temperature in degrees F:
<INPUT NAME="DegF" VALUE="0" MAXLENGTH="15" SIZE=15>
<p>
Click this button to calculate the temperature
in degrees C:
<INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON
onClick=temp(this.form)>
<p>
Temperature in degrees C is:
<INPUT NAME="DegC" READONLY SIZE=15>
</FORM>
</body>
</html>
Si vous avez lu Comment fonctionnent les pages Web et Comment fonctionnent les scripts CGI, une bonne partie de ce code HTML vous sera familière. Voici la structure de base de toute page Web :
<html> <head> </head> <body> </body> </html>
Il y a un morceau de code JavaScript dans l’en-tête qui est la fonction pour calculer la conversion de Fahrenheit en Celsius :
<head>
<script>
<!-- hide this script from old browsers
function temp(form)
{
var f = parseFloat(form.DegF.value, 10);
var c = 0;
c = (f - 32.0) * 5.0 / 9.0;
form.DegC.value = c;
}
<!-- done hiding from old browsers -->
</script>
</head>
La fonction s’appelle temp. Il contient du code JavaScript pour calculer une température Celsius.
Dans le corps de la page il y a une forme typique :
<FORM> <h2>Fahrenheit to Celsius Converter</h2> Enter a temperature in degrees F: <INPUT NAME="DegF" VALUE="0" MAXLENGTH="15" SIZE=15> <p> Click this button to calculate the temperature in degrees C: <INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON onClick=temp(this.form)> <p> Temperature in degrees C is: <INPUT NAME="DegC" READONLY SIZE=15> </FORM>
Cette ligne est la clé :
<INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON onClick=temp(this.form)>
Il s’agit d’une commande de bouton normale. Lorsque l’utilisateur clique dessus, il appelle la fonction dans l’en-tête de la page à cause de la notation onClick.
En ce qui concerne les langages de programmation, JavaScript est de difficulté moyenne. Il n’est pas particulièrement difficile d’apprendre à l’utiliser si vous comprenez déjà la programmation, mais si vous débutez dans la programmation, ce n’est certainement pas un langage facile pour commencer. Ce que vous pouvez faire, cependant, est de modifier cet exemple de code et de le développer pour créer d’autres calculatrices.
Pour plus d’informations, consultez :
