Trả về bảng từ hàm trong JavaScript

Ở bài học trước, chúng ta đã tạo hàm createTable. Hãy sửa đổi hàm này để nó không thêm bảng vào một phần tử nào đó, mà chỉ đơn giản trả về bảng thông qua return.

Tức là đoạn mã từ bài học trước sẽ được chuyển đổi thành như thế này:

let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);

Có thể viết ngắn gọn hơn:

let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));

Việc lấy tham chiếu đến bảng có thể cần thiết để thực hiện điều gì đó với bảng vừa tạo. Ví dụ, hãy đổi màu chữ của nó sang màu đỏ:

let div = document.querySelector('#elem');

let table = createTable(3, 4);
table.style.color = 'red';

div.appendChild(table);

Hãy chỉnh sửa hàm createTable của bạn theo mô tả trong phần lý thuyết.

Giả sử chúng ta có một thẻ div với các đoạn văn như sau:

<div id="elem">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

Sử dụng hàm createTable để tạo một bảng mới, sau đó chèn nó vào cuối thẻ div.