Chào các bạn, hôm nay cafedev chia sẻ cho ace một danh sách các bài tập từ cơ bản tới nâng cao liên quan tới các kiến thức cơ bản trong lập trình Javascript. Cụ thể, trong bài này chúng ta sẽ làm quen với toán tử so sánh, control flow, logic. Từ đó giúp ace nâng cao kiến thức, kỹ năng, kinh nghiệm lập trình của mình và áp dụng nó vào thực tế.

Trước khi đi vào chi tiết bài tập, cafedev khuyến khích ace tự code bài tập của mình trước khi tham khảo bài hướng dẫn nhé.

Để chạy hoặc code các bài tập sau, ace có thể code trên trang web này như sau:

  • Chọn new
  • Chọn dự án bạn muốn code, ở đây có nhiều lựa chọn như Javascript, AngularJS, React,…. Tất nhiên mình sẽ chọn Javascript.
  • Sau đó bạn sẽ thấy nơi bạn code.
  • Sau khi code sau chọn Preview để xem kết quả.

Ngoài ra ace cũng có thể dùng các IDE đã được giới thiệu tại đây để code và chạy code đó trên máy tính của mình nhé.

Lưu ý: Mọi bài tập bên dưới cũng như các bài tập khác trong Series Javascript này được tạo ra từ các bài học và kiến thức của từng phần trong series tự học Javascript này. Nếu ace nào chưa làm được hoặc chưa hiểu kỹ về bài học thì bạn có thể tham khảo lại series tự học này nhé. Chúc các bạn thành công.

Bài 1

Kết quả cho những biểu thức này là gì?

5 > 4
"apple" > "pineapple"
"2" > "12"
undefined == null
undefined === null
null == "\n0\n"
null === +"\n0\n"

Bài 2

Với code bên dưới thì alert sẽ được hiển thị hay không và tại sao vậy?

if ("0") {
  alert( 'Hello' );
}

Bài 3

Sử dụng cấu trúc if..else, hãy viết code hỏi: ‘Tên “chính thức” của JavaScript là gì? “

Nếu khách truy cập nhập “ECMAScript”, thì xuất “Đúng!”, Ngược lại – xuất: “Không biết? ECMAScript! ”

Bài 4

Sử dụng if..else, viết code nhận một số thông qua prompt và sau đó hiển thị trong alert:

  • 1, nếu giá trị lớn hơn 0,
  • -1, nếu nhỏ hơn 0,
  • 0, nếu bằng không.

Trong tác vụ này, chúng ta giả định rằng đầu vào luôn là một số.

Bài 5

Viết đoạn lệnh sau bằng cách dùng toán tử ‘?’:

let result;

if (a + b < 4) {
  result = 'Below';
} else {
  result = 'Over';
}

Bài 6

Viết đoạn lệnh sau bằng cách dùng nhiều toán tử ‘?’:

let message;

if (login == 'Employee') {
  message = 'Hello';
} else if (login == 'Director') {
  message = 'Greetings';
} else if (login == '') {
  message = 'No login';
} else {
  message = '';
}

Hướng dẫn cách xem và tải tài liệu từ trang cafedev tại đây.


Giải bài 1,2,3,4,5,6

Bài 7

Viết code yêu cầu đăng nhập với prompt.

Nếu khách truy cập nhập “Admin“, sau đó nhắc nhập mật khẩu, nếu đầu vào là một dòng trống hoặc Esc – hiển thị “Canceled”, nếu là một chuỗi khác – thì hiển thị “Tôi không biết bạn”.

Mật khẩu được kiểm tra như sau:

  • Nếu nó bằng “cafedev”, thì hãy hiển thị “Chào mừng!”,
  • Một chuỗi khác – hiển thị “Mật khẩu sai”,
  • Đối với một chuỗi trống hoặc đầu vào đã hủy, hãy hiển thị “Đã hủy”

Giải bài 7

Nguồn và Tài liệu tiếng anh tham khảo:

Tài liệu từ cafedev:

Nếu bạn thấy hay và hữu ích, bạn có thể tham gia các kênh sau của cafedev để nhận được nhiều hơn nữa:

Chào thân ái và quyết thắng!

Đăng ký kênh youtube để ủng hộ Cafedev nha các bạn, Thanks you!