Passer un élément DOM en paramètre d'une fonction

Dans les leçons précédentes, nous passions à nos fonctions des sélecteurs d'éléments, et nos fonctions obtenaient elles-mêmes les références à ces éléments à l'intérieur de leur code. Il existe une autre approche : on peut passer à la fonction des références à des éléments déjà obtenues auparavant.

Regardons un exemple. Supposons que nous ayons le code suivant :

<p id="elem1"></p>
<p id="elem2"></p>

Créons une fonction setText qui prendra en premier paramètre une référence à un élément DOM, et en second - le texte de l'élément :

function setText(elem, text){
	elem.textContent = text;
}

Utilisons la fonction que nous avons créée pour définir le texte de nos paragraphes :

let elem1 = document.getElementById('elem1');
setText(elem1, 'text1');

let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');

Créez une fonction appendText qui prendra en premier paramètre un élément DOM, et en second - du texte. Faites en sorte que cette fonction ajoute le texte à la fin de cet élément.

Des paragraphes sont donnés. Obtenez-les, parcourez-les avec une boucle et ajoutez à chacun '!' à la fin en utilisant la fonction appendText, créée dans la tâche précédente.

Créez une fonction setValue qui prendra en premier paramètre une référence à un input, et en second - du texte. Faites en sorte que cette fonction définisse le texte passé dans la propriété value de l'input.