-----
Phần j2. JS
– Biến, alert, confirm, prompt
Bài 2: Biến và khai báo biến
- Dùng từ khóa var để khai báo biến
- Biến không được định kiểu trước, mà tùy vào giá trị gán cho
nó là gì, thì nó sẽ có kiểu tương ứng.
- Để xuất biến hay chuỗi ra màn hình trình duyệt, dùng hàm document.write(value).
Bài 3: alert, prompt, confirm
- alert(value): để xuất một nội dung ra màn hình, dạng một
cửa sổ (popup)
- confirm(value): giống alert(), tuy nhiên có thêm lựa chọn
Yes, No. Người dùng bấm Yes hàm này sẽ trả về TRUE, bấm No trả về FALSE.
Ví dụ,
[vidu.js]
var bt =
document.getElementById('click-me');
bt.addEventListener('click',
function() {
var
content = document.getElementById('text').value;
if
(confirm(content)) {
alert('Đồng
ý');
}
else {
alert('Không
đồng ý');
}
});
- prompt(param1, param2): dùng để lấy thông tin người dùng
nhập vào, param1: nội dung thông báo, param2, giá trị khởi tạo. Nếu người dùng
nhập nội dung và bấm OK, hàm sẽ trả về nội dung mà người dùng vừa nhập, nếu bấm
Cancel, hàm sẽ trả về NULL.
Ví dụ,
[vidu.js]
var bt =
document.getElementById('click-me');
bt.addEventListener('click',
function() {
var
input = document.getElementById('text');
var
noiDung = prompt('Nhập vào nội dung:','');
input.value
= noiDung;
});
Ví dụ,
Viết đoạn mã Javascript để nhập: Họ, Tên Lót, Tên, Năm Sinh,
Email, Giới Tính. Xuất ra màn hình các thông tin vừa nhập theo định dạng:
Họ và Tên:
Tuổi:
Email:
Giới Tính:
[js.html]
<!DOCTYPE html>
<html lang="en">
<head>
<meta
charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var
ho, tenLot, ten, namSinh, email, gioiTinh, tuoi, ketQua;
ho =
prompt('Họ:','');
tenLot
= prompt('Tên lót:','');
ten
= prompt('Tên:','');
namSinh
= prompt('Năm sinh:','');
email
= prompt('Email:','');
gioiTinh
= prompt('Giới tính:','');
tuoi
= new Date().getFullYear() - namSinh;
ketQua
= 'Họ và Tên: ' + ho + ' '+ tenLot + ' ' + ten;
ketQua
+= '<br>' + 'Tuổi: ' + tuoi;
ketQua
+= '<br>' + 'Email: ' + email;
ketQua
+= '<br>' + 'Giới tính: ' + gioiTinh;
document.write(ketQua);
</script>
</body>
</html>
Lưu ý: dấu + được sử dụng để nối chuỗi. Để lấy năm hiện tại,
sử dụng đoạn mã: new Date().getFullYear()
-----------
Cập nhật 18/5/2017
-----------
- Ngu ngơ học làm web (j3) - JS - Toán tử, lệnh If