Passando elemento DOM como parâmetro

Nas lições anteriores, passamos para nossas funções seletores de elementos, e nossas funções obtiveram as referências a esses elementos dentro do próprio código. Existe outra abordagem: na função, podemos passar referências a elementos já obtidas anteriormente.

Vamos ver um exemplo. Suponha que temos o seguinte código:

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

Vamos fazer a função setText, que no primeiro parâmetro receberá uma referência a um elemento DOM, e no segundo - o texto do elemento:

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

Vamos usar a função que criamos para definir o texto dos nossos parágrafos:

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

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

Faça a função appendText, que no primeiro parâmetro receberá um elemento DOM, e no segundo - texto. Faça com que esta função adicione o texto ao final desse elemento.

Dados os parágrafos. Obtenha-os, percorra com um loop e adicione a cada um no final '!' usando a função appendText, feita na tarefa anterior.

Faça a função setValue, que no primeiro parâmetro receberá uma referência a um input, e no segundo - texto. Faça com que esta função defina o texto passado no value do input.