Перадача DOM элемента параметрам функцыі

У папярэдніх уроках мы перадавалі ў нашы функцыі селектары элементаў, і нашы функцыі самі атрымлівалі спасылкі на гэтыя элементы ўнутры своега кода. Існуе і іншы падыход: у функцыю можна перадаваць ужо атрыманыя раней спасылкі на элементы.

Давайце паглядзім на прыкладзе. Хай у нас ёсць наступны код:

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

Давайце зробім функцыю setText, якая першым параметрам будзе прымаць спасылку на DOM элемент, а другім - тэкст элемента:

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

Выкарыстаем створаную намі функцыю для ўстаноўкі тэксту нашых абзацаў:

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

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

Зрабіце функцыю appendText, якая першым параметрам будзе прымаць DOM элемент, а другім - тэкст. Зрабіце так, каб даная функцыя дадавала тэкст у канец гэтага элемента.

Даны абзацы. Атрымайце іх, перабярыце цыклам і кожнаму дадайце ў канец '!' з дапамогай функцыі appendText, зробленай у папярэдняй задачы.

Зрабіце функцыю setValue, якая першым параметрам будзе прымаць спасылку на інпут, а другім - тэкст. Зрабіце так, каб даная функцыя ўсталёўвала перададзены тэкст у value інпута.