тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

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

В предыдущих уроках мы передавали в наши функции селекторы элементов, и наши функции сами получали ссылки на эти элементы внутри своего кода. Существует и другой подход: в функции можно передавать уже полученные ранее ссылки на элементы.

Давайте посмотрим на примере. Пусть у нас есть следующий код:

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

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

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

Используем созданную нами функцию для установки текста наших абзацев:

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

Сделайте функцию appendText, которая первым параметром будет принимать DOM элемент, а вторым - текст. Сделайте так, чтобы данная функция добавляла текст в конец этого элемента.

Даны абзацы. Получите их, переберите циклом и каждому добавьте в конец '!' с помощью функции appendText, сделанной в предыдущей задаче.

Сделайте функцию setValue, которая первым параметром будет принимать ссылку на инпут, а вторым - текст. Сделайте так, чтобы данная функция устанавливала переданный текст в value инпута.