Les boutons suivant lancent la même fonction que celle de l'exemple 5, ecrire_html() mais avec des paramètres différents:
ici la balise P avec l'id cible2
paramètre 1: code à écrire = '<p style=\'font-size:200%; font-weight:bolder\'>Je suis gros et gras !</p>' | |
paramètre 2: ID de la balise cible = 'cible2' (cad le paragraphe au-dessus). | |
paramètre 1: code à écrire = '<p style=\'font-size:75%; color:red\'>Je suis petit et rouge !</p>' | |
paramètre 2: ID de la balise cible = 'cible3' (cad ce paragraphe). |
ici la balise P avec l'id cible3
La fonction ecrire_html() utilise les 2 paramètres
de la manière suivante:
paramètre 1 est envoyé
comme code HTML à ajouter ( ...innerHTML += ...) à
celui de la balise ayant comme ID paramètre
2
Code JavaScript de la fonction ecrire_html (
paramètre 1 , paramètre
2 ) :
function ecrire_html(code_html , id_balise)
{
document.getElementById(id_balise).innerHTML +=
code_html;
}
On peut constater que les 2 paramètres sont désignés par
des variables (dans cet exemple il s'agit de code_html
et id_balise) dans les instructions
de la fonction.
Lors du lancement de la fonction, les valeurs passées
en paramètres à la fonction prendront la place
de ces variables.