[Share Code] Chia sẻ code tìm hiểu JS - Biến, toán tử, mệnh đề điều kiên - Lập trình JS

#test.html

Name: Học Lập Trình Từ A - Z (HTML/CSS/JS - Bootstrap/JQuery - AngularJS - PHP/Laravel - Java v.v)
Address: Số 8, Tôn Thất Thuyết, Mỹ Đình, Từ Liêm, Hà Nội, Nam Từ Liêm, Hà Nội, 100000
Telephone: 0762103668
Price range: $$$

<!DOCTYPE html>
<html>
<head>
	<title>Javascript tutorial</title>
	<meta charset="utf-8">
</head>
<body>
	<h1 style="text-align: center;">Welcome to learn Javascript</h1>

	<script type="text/javascript">
		//noi thuc hien code JS
		document.write('Hello World!!!');
		console.log('testing...');
		//Khai bao bien
		x = 5;//hieu la bien so nguyen
		var y = 6;//hieu la y la so nguyen
		x = "Sinh vien aptech" //hieu x la string (chuoi)
		console.log(x)
		//Toan tu +, -, *, /, %, ++, -- => su dung giong C
		x = 5
		x = x + y //x = 11
		console.log(x)

		t1 = "12"
		t2 = 2
		t3 = t1 + t2
		//mong muon ket qua = 14
		t3 = parseInt(t1) + parseInt(t2)
		console.log(t3)
		t3 = t1 * t2
		console.log(t3)

		// alert('Ban co muon mat tai khoan khong???')
		// var option = confirm('Ban co muon xoa tai khoan nay khong???')
		// console.log(option)
		// var x = prompt('Nhap gia tri x')
		// console.log(x)
		x = 5
		y = ++x
		console.log(x + ", " + y)

		//t = 6 (x=7) + 8 (x=8) - 5(y=5) + 1 = 10
		t = x++ + ++x - --y + 1
		console.log(x + ", " + y + ", " + t)

		k = (t==10)?'Hello B':'Bye' //bieu thuc dieu kien
		console.log(k)

		var quantity = prompt('Nhap vao quantity: ', 0)

		if(quantity < 0 || isNaN(quantity)) {
			alert('Nhap gia tri la so nguyen duong')
		}

		//Khai bao mang trong JS
		
	</script>
</body>
</html>

#vidu.html

<!DOCTYPE html>
<html>
<head>
	<title>Javascript tutorial</title>
	<meta charset="utf-8">

	<style type="text/css">
		body {
			background-color: black;
		}
	</style>
</head>
<body>
	<table border="1" cellpadding="3" cellspacing="3">
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
		<tr>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
			<td style="width: 50px; background-color: red; height: 50px;"></td>
		</tr>
	</table>

	<script type="text/javascript">
		function playLeds() {
			var tdList = document.getElementsByTagName('td')
			for (var i = tdList.length - 1; i >= 0; i--) {
				var c1 = Math.floor(Math.random() * 255);
				var c2 = Math.floor(Math.random() * 255);
				var c3 = Math.floor(Math.random() * 255);

				tdList[i].style.backgroundColor = `rgb(${c1}, ${c2}, ${c3})`
			}
		}

		setInterval(function() {
			playLeds()
		}, 100)
	</script>
</body>
</html>

Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

[Share Code] Chia sẻ code tìm hiểu JS - Biến, toán tử, mệnh đề điều kiên - Lập trình JS

#test.html

#vidu.html

Tags:

Phản hồi từ học viên

5