Trang chủ » Blog » [Thực hành] Luyện tập với cấu trúc if…else…if

[Thực hành] Luyện tập với cấu trúc if…else…if

bởi CodeGym | 26/12/2023 17:17 | Bài thực hành | Blog

Luyện tập với cấu trúc if…else…if – xem video tại: https://drive.google.com/file/d/1GoJR6qB5BSAJy60scLnJLMZPojm-rTOK/view

Mục tiêu

Luyện tập sử dụng cấu trúc if…else…if

Mô tả- luyện tập với cấu trúc if…else…if

Viết chương trình kiểm tra đăng nhập hệ thống của người dùng theo yêu cầu sau

Yêu cầu người dùng nhập tên từ bàn phím.

  • Nếu tên nhập vào là Admin thì yêu cầu nhập mật khẩu.
    • Nếu mật khẩu là TheMaster thì in ra chuỗi Welcome.
    • Nếu mật khẩu nhập vào là null in ra chuỗi Canceled.
    • Còn lại in ra chuỗi Wrong password.
  • Nếu tên nhập vào là null in ra chuỗi canceld.
  • Còn lại in ra chuỗi “I don’t know you”

Để hoàn thành bài thực hành, bạn cần:

  • Đưa mã nguồn lên GitHub
  • Dán link của repository lên phần nộp bài trên CodeGymX

Hướng dẫn 

Bước 1: Tạo file login.html

Bước 2: Thêm thẻ <script> thực hiện viết các mã JavaScript

<!DOCTYPE html>
<html>

<body>
    <script>
    //code vào đây
    </script>
</body>

</html>

Bước 3: Tạo biến userName nhận giá trị nhập vào từ hộp thoại

let userName = prompt("Who's there?", '');

Bước 4: Kiểm tra giá trị của userName

if (userName == 'Admin') {
    //code vào đây
} else if (userName == null) {
    alert('Canceled');
} else {
    alert("I don't know you");
}

Bước 5: Nếu userName là “Admin”. Khai báo biến pass nhận giá trị nhập vào từ hộp thoại.

let pass = prompt('Password?', '');

Bước 6: Kiểm tra pass

if (pass == 'TheMaster') {
    alert('Welcome!');
} else if (pass == null) {
    alert('Canceled.');
} else {
    alert('Wrong password');
}

Bước 7: Thực thi chương trình. Quan sát kết quả.

Trên đây CodeGym đã cùng với bạn luyện tập sử dụng cấu trúc if…else…if. Hãy chụp ảnh màn hình và nộp bài thực hành của bạn trên CodeGymX để cùng nhau luyện tập nhé!

Xem thêm: [Học nghề] Thực hành, Thực hành, Thực hành

Download - Giáo trình thuật toán

1 + 11 =

Tags:

0 Lời bình

Gửi Lời bình

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

BÀI VIẾT LIÊN QUAN

BẠN MUỐN HỌC LẬP TRÌNH?

GỌI NGAY

098 953 44 58

Đăng ký tư vấn lộ trình học lập trình

Đăng ký tư vấn, định hướng lộ trình học và giải đáp các thắc mắc về ngành nghề – Miễn phí – Online.

2 + 1 =

TƯ VẤN VỀ LỘ TRÌNH HỌC NGHỀ LẬP TRÌNH TẠI CODEGYM
TƯ VẤN VỀ LỘ TRÌNH HỌC NGHỀ LẬP TRÌNH TẠI CODEGYM