Passare un elemento DOM come parametro di funzione

Nelle lezioni precedenti abbiamo passato alle nostre funzioni i selettori degli elementi, e le nostre funzioni ottenevano autonomamente i riferimenti a questi elementi all'interno del proprio codice. Esiste anche un altro approccio: alla funzione si possono passare i riferimenti agli elementi già ottenuti in precedenza.

Vediamo un esempio. Supponiamo di avere il seguente codice:

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

Creiamo una funzione setText che come primo parametro accetti un riferimento a un elemento DOM, e come secondo - il testo dell'elemento:

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

Utilizziamo la funzione che abbiamo creato per impostare il testo dei nostri paragrafi:

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

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

Crea una funzione appendText che come primo parametro accetti un elemento DOM, e come secondo - del testo. Fai in modo che questa funzione aggiunga il testo alla fine di questo elemento.

Sono dati dei paragrafi. Ottienili, scorri con un ciclo e a ciascuno aggiungi in fondo '!' utilizzando la funzione appendText, creata nell'esercizio precedente.

Crea una funzione setValue che come primo parametro accetti un riferimento a un input, e come secondo - del testo. Fai in modo che questa funzione imposti il testo passato nel value dell'input.