Exemple 6: utilisation de paramètres avec une fonction

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.