les fonctions
exemple
<html>
<head>
<script type="text/javascript">
function allo(texte)
{
alert(texte);
}
function somme(x,y)
{
return x+y;
}
</script>
</head>
<body onload="allo('Bonjour!')">
<input type="Button" name="btnAcc" value="Accueil" onclick="allo('Bonjour!')">
<h1>Calculs mathématiques avancés</h1>
<script type="text/javascript">
var a=25;
var b=18;
document.write ("La somme est : " + somme(a,b) );
</script>
</body>
</html>
|
On peut maintenant modifier le code pour personnaliser le paramètre de la fonction.
Remarquez qu'une fonction peut être appelée par plusieurs événements dans le document. Par exemple :
onload= ou
onclick= ou
=onchange
<body onload="allo('Bonjour!')">
<input type="Button" name="btnAcc" value="Accueil" onclick="allo('Bonjour!')">
<input type="text" name="Age" onchange="teste_valeur(this,'L\'âge est incorrect')">
|
On peut aussi utiliser une fonction à l'intérieur d'une autre fonction :
function moyenne(x,y)
{
return somme(x,y)/2;
}
...
document.write ("La somme est : " + somme(a,b) );
document.write ("<br /> " );
document.write ("La moyenne est : " + moyenne(a,b) );
|
le form pour les données
Il est possible d'utiliser un
form pour saisir les données à calculer.
<form name="forme">
Premier nombre : <input type="text" name="valeur1" value="" >
Deuxième nombre : <input type="text" name="valeur2" value="" >
<input type="Button" name="btnCalc" value="Calcul" onclick="calculer()">
|
Voici ce qu'il faut savoir au sujet du form en javascript :
- chaque élément d'un form est un objet qu'on adresse,
par exemple, la valeur entrée dans le premier texte :
document.forme.valeur1.value
- value est un String; pour l'utiliser dans
les calculs il faut le convertir :
var numa = new String(document.forme.valeur1.value)
a=Number(numa)
- l'événement onclick= du bouton appelle la fonction
qui exécute les calculs et affiche le résultat
Maintenant on peut écrire la fonction qui exécute le calcul. On mettrait la fonction dans la section <head> :
....
function calculer()
{
a=Number(document.forme1.valeur1.value)
b=Number(document.forme1.valeur2.value)
c=a+b
alert(c)
}
</script>
</head>
<body>
....
|
Précédente