DOM 요소 그룹 작업을 위한 함수

이제 그룹 요소의 선택자와 새로운 텍스트를 매개변수로 받는 함수를 작성해 보겠습니다. 이 함수는 선택자와 일치하는 모든 요소에 새 텍스트를 설정해야 합니다.

설명한 함수를 구현해 봅시다:

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

다음 요소 그룹으로 테스트해 보겠습니다:

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

elem 클래스를 가진 모든 요소에 새 텍스트를 설정합니다:

setText('.elem', 'text');

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