By GokiSoft.com|
10:08 17/12/2021|
Học JS
[Video] Tìm hiểu kiến thức căn bản JS - Khóa học lập trình Javascript - C2108G3
#readme.txt
Nội dung kiến thức học Javascript
- Kiến thức core căn bản của JS
- Khai báo biến
- Toàn tử + biểu thức
- Mệnh đề điều kiện (if, else, switch)
- Loop (for, while, do .. while)
- Function
- Array
- Object & Array Object
- Tương tác JS & HTML Tags
- Event
- Khái niệm Selector
- Mapping Tag <-> Object trong JS -> Thay đổi các thuộc tính tag
- Thêm/sửa/xóa nội dung html bằng JS
- Lưu trữ: localStorage
- Kiến thức bổ sung:
- JSON
- Giới thiệu qua jquery
=============================================================================#vidu.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Javascript Tutorial</title>
<!-- Nhung CSS -->
</head>
<body>
<!-- Nhung JS -->
<script type="text/javascript">
// Hien thi dong Hello World!!!
// Luu y: ket thuc lenh -> co ; cung dc, khong co cung ko sao
document.write("Hello World!!!")
// Note: document.write -> khong dc dung, hien tai -> su dung de tim hieu kien thuc
// Trong lap trinh -> rat hay dc dung -> debug: kiem tra loi & xem chuong trinh chay dung hay ko, kiem tra du lieu
console.log("Xin chao")
// Phan 1: Khai bao bien
// Ten bien -> dung chuan coding convention -> a-zA-Z_ & ky tu tiep: a-zA-Z_0-9
// Kieu du lieu bien trong js -> phu thuoc vao gia tri no dang luu
var x = 5 //x -> kieu du lieu la so nguyen (int)
console.log(x)
x ='TRAN VAN A' //x -> kieu du lieu la string
//Luu y: bieu dien string, ky tu trong js -> '' hoac ""
console.log(x)
// Hien thi html
document.write('<h1 style="color: red">Welcome to learn HTML/CSS/JS</h1>')
// Cach 1
document.write('<br/>x = ' + x)
// Cach 2
document.write(`<br/>x = ${x}`)
y = "Xin Chao ABC"
document.write(`<br/>x = ${x}, y = ${y}`)
x = x + 1//tang len 1 gia tri cho x
x += 1//cung nhu tren
x++//tang len 1 gia tri cho x
++x//tang len 1 gia tri cho x
// Toan tu
x = 5
//lay gia tri hien tai x -> gan cho y -> thay doi gia tri cua x
//y = 5(x=6)
y = x++
//thay doi gia tri cua x -> gan cho t
//t = (x=7)7
t = ++x
document.write(`<br/>x = ${x}, y = ${y}, t = ${t}`)
x = 7
y = 2
t = 5
k = ++x + x++ - --t + y++ + 5;
//k = (x=8)8 + 8(x=9) - (t=4)4 + 2(y=3) + 5 = 19
//9 3 4 19
document.write(`<br/>x = ${x}, y = ${y}, t = ${t}, k = ${k}`)
//Phep tinh + trong JS
x = 5
y = 6
z = x + y
console.log('z: ' + z)
x = '5' //x -> string
y = 6 //y -> int
z = x + y
console.log('z: ' + z)
x = '5' //x -> string
y = 6 //y -> int
z = x - y
console.log('z: ' + z)
x = '5' //x -> string
y = 6 //y -> int
z = x * y
console.log('z: ' + z)
x = '12' //x -> string
y = 6 //y -> int
z = x / y
console.log('z: ' + z)
//Mot so chuc nang co sang trong JS
x = '5' //x -> string
y = 6 //y -> int
z = parseInt(x) + parseInt(y)
console.log('z: ' + z)
x = '5' //x -> string
y = 6 //y -> int
x = parseInt(x)
z = x + y
console.log('z: ' + z)
// alert('Xin chao')
// option = confirm('Ban chac chan muon xoa sinh vien nay khong')
// console.log(option)
// fullname = prompt('Nhap Ho & Ten: ')
// fullname = prompt('Nhap Ho & Ten: ', "OKOK")
// console.log(fullname)
x = '45'
console.log(isNaN(x))
// console.log('var x = 5; var y = 10; z = x + y; console.log(z);')
// eval('var x = 5; var y = 10; z = x + y; console.log(z);')
var test = 'dmFyIHggPSA1OyB2YXIgeSA9IDEwOyB6ID0geCArIHk7IGNvbnNvbGUubG9nKHopOw=='
eval(atob(test))
//Copy code -> hieu ky ve no -> su dung
</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)
