Conserver des résultats obtenus avec un script
Le but
On crée, comme d'habitude, un formulaire; ici par exemple , il fournit un nombre aléatoire sur [0;1]. On voudrait conserver la trace de tous les résultats qui apparaissent chaque fois que l'on appuye sur le bouton Lancer. La liste des valeurs pourra être copiée et collée dans un tableur pour d'autres traitements.
Pour effacer le tableau de valeurs, il suffit de rafraîchir la page.
Le code simplifié
function alea()
{
var al=0;
al=Math.random();
document.machineHasard.nbAleatoire.value=al;
//écriture dans la page html
//on crée un nœud de texte
var valeur =document.createTextNode(al);
//on crée un paragraphe
var par=document.createElement("p");
//on ajoute dans le paragraphe créé le nœud de texte
par.appendChild(valeur);
//dans l'objet nommé tableur, on rajoute le paragraphe créé
document.getElementById("tableur").appendChild(par);
}
Dans la page html, on a créé une zone nommée tableur destinée à contenir les valeurs destinées à être copiées.
<div id="tableur"></div> Le DOM
Les méthodes utilisées ci-dessus sont typiques de ce qu'on appelle DHTML (Dynamic HTML). Elles font appel au DOM (Document Object Model) qui représente une page html comme une arborescence.
Pour en savoir plus sur le DOM (site selfhtml)
fait le 16 juin 2008