Truyền phần tử DOM làm tham số cho hàm

Trong các bài học trước, chúng ta đã truyền bộ chọn phần tử vào các hàm của mình, và bên trong code, các hàm đó tự lấy tham chiếu đến các phần tử này. Cũng có một cách tiếp cận khác: bạn có thể truyền vào hàm những tham chiếu đã được lấy trước đó đến các phần tử.

Chúng ta hãy xem một ví dụ. Giả sử chúng ta có đoạn code sau:

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

Hãy tạo một hàm setText, hàm này sẽ nhận tham số đầu tiên là tham chiếu đến một phần tử DOM, và tham số thứ hai là văn bản của phần tử:

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

Hãy sử dụng hàm chúng ta đã tạo để đặt văn bản cho các đoạn văn của chúng ta:

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

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

Tạo hàm appendText, hàm này sẽ nhận tham số đầu tiên là một phần tử DOM, và tham số thứ hai là văn bản. Hãy làm sao để hàm này thêm văn bản vào cuối phần tử đó.

Cho trước các đoạn văn. Hãy lấy chúng, duyệt qua bằng vòng lặp và thêm vào cuối mỗi đoạn ký tự '!' bằng cách sử dụng hàm appendText đã tạo ở bài toán trước.

Tạo hàm setValue, hàm này sẽ nhận tham số đầu tiên là tham chiếu đến một ô nhập liệu (input), và tham số thứ hai là văn bản. Hãy làm sao để hàm này đặt văn bản được truyền vào vào thuộc tính value của ô nhập liệu.