<html>
<head>
<title>devoir 1</title>
</head>
<body>
<script type="application/javascript">
<!--
// Fonction pour initialiser un tableau avec des chaines de caracteres vides
function tableauDeChaines() {
this.lenght = 6;
this[1] = '';
this[2] = '';
this[3] = '';
this[4] = '';
this[5] = '';
}
// Creation d'un tableau
var tbl = new tableauDeChaines();
function transformation() {
// On place le contenu de chaque case d'entrée dans une partie de tableau tbl
var i;
tbl[1] = document.formulaire.entree1.value;
tbl[2] = document.formulaire.entree2.value;
tbl[3] = document.formulaire.entree3.value;
tbl[4] = document.formulaire.entree4.value;
tbl[5] = document.formulaire.entree5.value;
// on place dans la case de sortie toutes les valeurs du tableau (1 par ligne)
document.formulaire.sortie.value = '';
for (i=1; i <= 5; i++) {
document.formulaire.sortie.value = document.formulaire.sortie.value + tbl[ i] + "\r";
}
}
// -->
</script>
<h2>Devoir #1 </h2>
<p>
Sylvie <br>
Exemple de page <b>HTML</b> dont le comportement est modifiable à l'aide du langage
<b>Javascript</b>.
</p>
<p>
En effet à la fin de cet exercice, le document html contiendra une section formulaire pour
permettre la saisie
de données et l'affichage du résultat de la transformation de ces données par un programme
Javascript placé dans
une autre section du document html.
</p>
<hr size="2">
<form name="formulaire" action="javascript:transformation();">
<font COLOR="#AA1177">Section entrée</font>
<font COLOR="#000000"></font>
<br>
<input name ="entree1" type="text">
<input name ="entree2" type="text">
<input name ="entree3" type="text">
<br>
<input name = "entree4" type="text">
<input name = "entree5" type="text">
<br>
<input type="submit" value="Valider">
<hr size=1>
<br>
<font color="#AA1177">Section sortie</font>
<br>
<textarea name="sortie" wrap="virtual" rows="7" cols="50"></textarea>
</form>
</body>
</html>
1
