By GokiSoft.com| 19:59 05/09/2022|
Học HTML5 - CSS3

[Source Code] Kiến thức căn bản Javascript - C2206L

#vidu.js


function showMenu() {
	document.writeln("<br/>1. Nhap")
	document.writeln("<br/>1. Nhap")
	document.writeln("<br/>1. Nhap")
	document.writeln("<br/>1. Nhap")
	document.writeln("<br/>1. Nhap")
	document.writeln("<br/>1. Nhap")
}

showMenu()

function tinhtong(n) {
	var sum = 0

	for (var i = 0; i <= n; i++) {
		sum += i
	}

	console.log(sum)
}

tinhtong(10)

function tinhtong2(n) {
	var sum = 0

	for (var i = 0; i <= n; i++) {
		sum += i
	}

	return sum
}

var s = tinhtong2(12)
console.log(s)

//0 -> 10: s1 & 0 -> 20: s2 -> so sanh s1 & s2


#vidu.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Javascript for beginer</title>
</head>
<body>

<script type="text/javascript">
	//Noi code JS
	// Xin dong Hello World!!!
	document.writeln('Hello World!!!')
	document.writeln('<h1>Hello World!!!</h1>')

	// Su dung rat nhieu trong du an
	console.log('Xin chao ...')

	// Phan 1: Khai báo biến -> tenbien: first letter (a-zA-Z_), other letters: (a-zA-Z_0-9)
	//data type: int, float, double, long int, char 'A', char[] "ABC" -> C -> int x;
	var x; //Kieu du lieu cua x la gi -> x ko co kieu du lieu cu the
	x = 5;//x: int
	x = 5.6;//x: float
	x = true;//x: boolean
	//Chu y: ket thuc lenh cua js -> co the co ; hoac khong
	x = 10
	x = 'Xin chao'
	x = "Sinh vien Aptech 54 Le Thanh Nghi"

	y = "Xin chao"

	// Phan 2: Toán tử
	var y = 10
	// y = y + 1, y += 1, y++, ++y => La 1
	z = y++ //y++: 10 (y=11), ++y: (y=11)11
	// y = 11, z = 10
	console.log("y = " + y + ", z = " + z)
	k = ++y + y++ + --z - 1
	//k = (y=12)12 + 12(y=13) + (z=9)9 - 1 = 32
	console.log("y = " + y + ", z = " + z + ", k = " + k)

	x = 5 //int
	y = 5.0 //float
	if(x == y) {
		//Dung
	}

	if(x === y) {
		//Ko vao day.
	} else {
		console.log("Xu ly o day")
	}

	//Nham lan kieu String & number
	x = "5"
	y = 10

	s = x + y
	console.log("s = " + s)
	s = x - y
	console.log("s = " + s)
	s = x * y
	console.log("s = " + s)
	s = y / x
	console.log("s = " + s)

	//Chuyen string -> number
	x = parseInt(x)
	s = x + y
	console.log("s = " + s)
	x = parseFloat(x)
	s = x + y
	console.log("s = " + s)

	x = 10
	y = (x > 10)?"Xin chao":"Goodbye"
	console.log(y)

	// Mot so function hay dc su dung trong JS
	// alert('Sinh vien Aptech 54 Le Thanh Nghi')
	// var option = confirm('Ban co chac chan xoa thong tin sinh vien khong')
	// console.log(option)
	// var input = prompt('Nhap ho & ten')
	// console.log(input)
	// document.writeln(input)
	console.log(isNaN('123'))
	console.log(isNaN('AAA123'))
	console.log(isNaN('123AAA'))
	console.log(isNaN('sdfhgdsjh'))

	// x = prompt('Nhap x')
	// y = prompt('Nhap y')
	// s = parseFloat(x) + parseFloat(y)
	// console.log(s)

	var des = prompt('Nhap')
	switch(des) {
		case "Manager":
			alert("1")
			break
		case "Developer":
			alert("2")
			break
		default:
			alert("3")
			break
	}

	var i = '0'
	var sum = 0

	while(i <= 10) {
		sum = sum + i //'00', '0001'
		i = i + 1 //'01', '011'
	}
	alert(sum)
</script>
</body>
</html>


#readme.txt


Nôi dung kiến thức Javascript
	- Kiến thức basic:
		- Khai báo biến
		- Toán tử
		- Mệnh đề điều kiện (if, else, switch)
		- Loop (while, do .. while, for)
		- function

		- Mảng & Object
	- Kiến thức đặc thù của Javascript
		- Binding (Mapping) tags trong HTML <-> Javascript
		- Tương tác lên thành phần HTML bằng JS
		- Xử lý sự kiện bằng JS
		- Thao tác dữ liệu lên HTML bằng JS
	- Nâng cao:
		- Lưu trữ: localStorage
		- JSON
		- Responsive: HTML/CSS


#func.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Function in Javascript</title>
</head>
<body>
<script type="text/javascript" src="vidu.js"></script>
</body>
</html>


Tags:



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

5

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

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó