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)