Le tout fonctionne de façon très simple : on demande à SAGE d'exécuter une commande en utilisant la fonction
qui utilise trois paramètres : l'expression donnée en entrée, une valeur booléenne indiquant si l'on a sous-entendu les multiplications (comme dans xy au lieu de x*y), et le texte à la droite du menu choisi.
Puis on spécifie ce qu'il faut faire avec la réponse retournée par SAGE dans la fonction
Dans le cas illustré, on s'en sert pour compléter les lignes repSAGE et repMJ,
Au départ, notre page web comporte un champ d'entrée et trois lignes de sortie, tous identifiés en bleu.
Nous avons aussi placé un cadre SAGE invisible, via la commande suivante :
<iframe id="cadreSAGE" src="cadreSAGE.html" style="display:none"></iframe>
Outre les scripts p5Visuel appelés dans l'entête, nous avons ajouté quelques fonctions JavaScript, qui seront appelées dans notre programme p5Visuel.