Pasar un elemento DOM como parámetro de función

En lecciones anteriores, pasábamos a nuestras funciones selectores de elementos, y nuestras funciones obtenían las referencias a esos elementos dentro de su propio código. Existe otro enfoque: se pueden pasar a la función referencias a elementos ya obtenidas previamente.

Veamos un ejemplo. Supongamos que tenemos el siguiente código:

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

Hagamos una función setText que acepte como primer parámetro una referencia a un elemento DOM, y como segundo, el texto del elemento:

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

Usemos la función que creamos para establecer el texto de nuestros párrafos:

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

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

Haz la función appendText que acepte como primer parámetro un elemento DOM, y como segundo, un texto. Haz que esta función agregue el texto al final de este elemento.

Se dan párrafos. Obténgalos, recórralos en un ciclo y a cada uno agréguele al final '!' usando la función appendText, hecha en la tarea anterior.

Haz la función setValue que acepte como primer parámetro una referencia a un input, y como segundo, un texto. Haz que esta función establezca el texto pasado en el value del input.