Javascript - Tạo bảng do người dùng xác định, dòng và cột

Viết hàm JavaScript để tạo bảng, chấp nhận số hàng, số cột từ người dùng và nhập số hàng-cột làm nội dung (ví dụ: Hàng-0 Cột-0) của một ô.

Mã nguồn:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 
<title>Create a table</title> 
<style type="text/css"> 
body {margin: 30px;} 
</style>  
<script>
	function createTable()
	{
	rn = window.prompt("Input number of rows", 1);
	cn = window.prompt("Input number of columns",1);

	 for(var r=0;r<parseInt(rn,10);r++)
	  {
	   var x=document.getElementById('myTable').insertRow(r);
	   for(var c=0;c<parseInt(cn,10);c++)  
		{
		 var y=  x.insertCell(c);
		 y.innerHTML="Row-"+r+" Column-"+c; 
		}
	   }
	}
</script>
</head><body> 
<table id="myTable" border="1"> 
</table><form> 
<input type="button" onclick="createTable()" value="Create the table"> 
</form></body></html>

Xem ví dụ

Lưu đồ thuật toán:

Flowchart: JavaScript - Create a user defined table, accepting rows and columns.


Chatbot Tư vấn Lộ trình CNTT 🤖
Chào bạn! Tôi có thể tư vấn về các lộ trình học CNTT dựa trên roadmap.w3typing.com. Hãy chọn một từ khóa dưới đây hoặc gõ câu hỏi của bạn (ví dụ: "Frontend", "Backend", "Python", "DevOps").