DOM 요소 그룹을 함수 매개변수로 전달하기

이제 우리의 함수 setText가 첫 번째 매개변수로 하나의 요소가 아닌 바로 요소들의 집합에 대한 참조를 받도록 해보겠습니다:

function setText(elems, text) {
	for (let elem of elems) {
		elem.textContent = text;
	}
}

실제로 우리 함수를 사용해 봅시다. 다음과 같은 문단이 있다고 가정해 보겠습니다:

<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>

우리의 함수를 사용하여 이 모든 문단에 어떤 텍스트를 설정해 봅시다:

let elems = document.querySelectorAll('.elem');
setText(elems, 'text');

첫 번째 매개변수로 DOM 요소들의 배열을, 두 번째 매개변수로 텍스트를 받는 함수 appendText를 만드세요. 이 함수가 전달된 요소들의 끝에 텍스트를 추가하도록 만드세요.

첫 번째 매개변수로 ul 태그가 있는 DOM 객체에 대한 참조를, 두 번째 매개변수로 텍스트를 받는 함수 appendElem를 만드세요. 이 함수가 전달된 텍스트로 새로운 li를 생성하고 전달된 ul 태그의 끝에 추가하도록 만드세요.

배열과 ul이 주어져 있습니다. 이전 문제에서 만든 함수 appendElem를 사용하여 배열의 각 요소를 이 ul 안의 별도의 li에 기록하세요.