By GokiSoft.com| 20:55 08/06/2020|
Học JS

[Share Code] Hướng dẫn tìm hiểu biên & toán tử trong Javascript + Mệnh đề điều kiên Javascript + Vòng lặp trong Javascript BT1601

#guideline.txt


- Kiến thức căn bản trong Javascript
	- Khai báo biến & toán tử : OK
	- Mệnh đề điều kiện : 
	- Loop (for, while, do..while)
	- Function
	- Array & Object trong JS
- Thao tác lên thẻ trong HTML bằng Javascript
	- Sử dụng JS để đọc các thẻ trong HTML
	- Bắt sự kiện
	- InnerHTML trong JS
- LocalStorage
	- setItem
	- removeItem


#Tìm hiểu vòng lặp trong Javascript (while, do..while,for)


<!DOCTYPE html>
<html>
<head>
	<title>Tìm hiểu loop trong Javascript</title>
</head>
<body>
	<script type="text/javascript">
		var cnt = 0

		//cau lenh di kem vs loop > continue & break
		while(cnt < 20) {
			document.write(cnt + '. scooby<br/>')
			cnt++
		}
		//stop loop
		//Them dieu kien > in dong chu scooby trong TH cnt khong chia het cho 3
		//cach 1
		document.write('Test cach 1<br/>')
		cnt = 0
		while(cnt < 20) {
			if(cnt % 3 != 0) {
				document.write(cnt + '. scooby<br/>')
			}
			cnt++
		}

		//cach 2 => su dung continue
		document.write('Test cach 2<br/>')
		cnt = 0
		while(cnt < 20) {
			if(cnt % 3 == 0) {
				cnt++
				continue
			}
			document.write(cnt + '. scooby<br/>')
			cnt++
		}
		//do .. while
		document.write('test do..while<br/>')
		cnt = 0
		do {
			document.write(cnt + '. scooby<br/>')
			cnt++
		} while(cnt < 0);

		//Tim hieu for
		// for(exp1;exp2;exp3) {
		// 	//code
		// 	//chay vao code trong TH exp2 => true
		// }
		document.write('testing .. for ..<br/>')
		for(cnt=0;cnt<20;cnt++) {
			document.write(cnt + '. scooby<br/>')
		}
		//tinh tong cac so chay tu 1 => 100.
		var sum = 0
		for(i=1;i<=100;i++) {
			sum += i
		}
		document.write('<br/>Tong (1-100) = ' + sum)

		var sum = 0 //sum = 1 + 2 + 3 + 4 + 5 + ... + 100
		var i = 1
		while(i<=100) {
			sum+=i //sum = 0 + 1, 0 + 1 + 2, 0 + 1 + 2 + 3, ...
			i++
		}
		document.write('<br/>Tong (1-100) = ' + sum)
		//ting tong sum = 1 + 5 + 9 + 13 + 17
		var sum = 0
		var i = 1
		while(i <= 17) {
			sum += i
			i+=4
		}
		document.write('<br/>Tong = ' + sum)
	</script>
</body>
</html>


#Tìm hiểu mệnh đề điều kiên if, else trong javascript

<!DOCTYPE html>
<html>
<head>
	<title>Mệnh đề điều kiện trong JS</title>
</head>
<body>
<script type="text/javascript">
	var num = 11
	var r = num % 2 //r = 1

	//tim hieu menh de if-else co ban
	if(r == 0) {
		//bieu thu tren => true => thuc hien khoi code nay
		//start
		document.write('Number is even')
		//end
	} else {
		//bieu thuc r == 0 => false (sai) +> thuc hien khoi code sau
		//start
		document.write('Number is odd')
		//end
	}

	document.write('<br/>')
	//tim hieu menh de if-else (nest)
	var yearWithUs = 20
	var bizDone = 100000000

	if(yearWithUs >= 10) {
		//chay vao day
		if(bizDone > 5000000) {
			document.write('1. classified as an MVS')
		} else {
			document.write('2. A little more effort required')
		}
	} else {
		document.write('3. A little more effort required')
	}

	//Chuyen flow chart bai 1 sang code
	//URL >> https://gokisoft.com/viet-chuong-trinh-cho-flowchart-lap-trinh-c-tim-hieu-if-else-trong-c.html
	document.write('<br/>')
	var yrsOfSevice = 3
	var salary = 1500
	var bonus = 0 
	if (yrsOfSevice<5) {
		if(salary<500){
			bonus = 100
		} else{
			bonus = 200
		}
	} else {
		bonus = 700
	}

	document.write('bonus = ' + bonus)
</script>
</body>
</html>


#Chương trình hello world & biên và toán tử trong javascript


<!DOCTYPE html>
<html>
<head>
	<title>JavaScript Tutorial</title>
</head>
<body>
	<h1>Welcome to learn JS</h1>

	<script type="text/javascript">
		//code JS o day => start
		document.writeln('Hello World<br/>')
		console.log('testing...')

		//Phan 1: khai bao bien trong JS
		x = 5 //x la so nguyen int
		var y = 6.2 //y la so thuc float
		str = 'SINH VIEN APTECH' //str => string
		//dieu dac biet trong khai bao bien JS
		t = 7 //TH nay t => so nguyen
		t = 'Xin Chao' //t => la kieu string

		//Phan 2: Toan tu trong JS
		t1 = 5
		t2 = 6
		t3 = t1 + t2 //toan tu +
		t3 = t1 - t2 //toan tu -
		t3 = t1 * t2 //toan tu *
		t3 = t1 / t2 //toan tu /
		t1 = 10
		t2 = 3
		t3 = t1 % t2 //toan tu %
		document.writeln(t3 + '<br/>')
		t3 = Math.pow(t2, t1)
		document.writeln(t3 + '<br/>')

		t1 = 5;
		t1 = t1 + 2;
		t1 += 2 //tuong tu thay + bang -, *, /, %
		t1 = t1 + 1
		t1 += 1
		t1++
		++t1
		console.log('t1 = ' + t1)

		t1 = 5
		t2 = t1++ //t2 = t1 & t1 += 1
		t3 = ++t1
		//t4 = 7(t1=8) + 5(t2=6) + 9 (t1=9) - 5(t2=5) = 16
		t4 = t1++ + t2++ + ++t1 - --t2; //Lap trinh cung ko gap dau => hieu hon ve ++ trc va sau
		console.log('t1 : ' + t1) //t1 = 9
		console.log('t2 : ' + t2) //t2 = 5
		console.log('t3 : ' + t3) //t3 = 7
		console.log('t4 : ' + t4) //t4 = 16
	</script>
</body>
</html>


Liên kết rút gọn:

https://gokisoft.com/1601

Bình luận