Ngu ngơ học làm web (j2) - JS - Biến, alert, confirm, prompt

Tiếp theo của: Ngu ngơ học làm web (j1) - JS - Chương trình đầu tiên, cách debug Javascript
-----

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
-----------
Xem thêm:
Tổng hợp các bài viết về Ngu ngơ học làm web
Ngu ngơ học làm web (j3) - JS - Toán tử, lệnh If