Předání DOM elementu jako parametru funkce

V předchozích lekcích jsme předávali do našich funkcí selektory elementů a naše funkce samy získávaly odkazy na tyto elementy uvnitř svého kódu. Existuje i jiný přístup: do funkce lze předat již dříve získané odkazy na elementy.

Podívejme se na příklad. Předpokládejme, že máme následující kód:

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

Vytvořme funkci setText, která prvním parametrem bude přijímat odkaz na DOM element a druhým - text elementu:

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

Použijme vytvořenou funkci pro nastavení textu našich odstavců:

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

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

Vytvořte funkci appendText, která prvním parametrem bude přijímat DOM element, a druhým - text. Udělejte tak, aby tato funkce přidávala text na konec tohoto elementu.

Jsou dány odstavce. Získejte je, projděte cyklem a každému přidejte na konec '!' pomocí funkce appendText, vytvořené v předchozím úkolu.

Vytvořte funkci setValue, která prvním parametrem bude přijímat odkaz na input, a druhým - text. Udělejte tak, aby tato funkce nastavovala předaný text do value inputu.