Toán tử 3 ngôi trong html
Ở các bài viết trước, chúng ta đã cùng với nhau tìm hiểu hai câu lệnh điều kiện căn bản trong JavaScript là If – else và Switch – case. Hôm nay mình sẽ giới thiệu cho các bạn một cách nữa, đó là toán tử ba ngôi (Ternary Operator) trong JavaScript.
Nếu condition nó là đúng (hay là true) thì toán tử sẽ trả về value 1 còn nếu là sai (hay là false) thì nó sẽ trả về giá trị của value 2 Nếu như trước đây khi phải sử dụng với if – else ta sẽ có như thế này:
Thì bây giờ chỉ còn:
Nếu các bạn chưa hiểu rõ null và undefined là gì, hãy xem bài viết này: Phân biệt Null, Undefined và NaN. Điều kiện nối tiếp (Conditional chains)Toán tử điều kiện tuân theo suy dẫn phải, tức là nó có thể được gọi “nối tiếp” theo cách sau đây, tương tự như với If – else If – else If – else nối tiếp nhau: Nếu như trước đây ta sẽ có:
thì bây giờ chỉ còn:
Video bài giảngLuyện tậpBài 1Viết chương trình nhập vào giá trị cho a và b. Tính tổng a và b, nếu tổng nhỏ hơn 4, hiển thị chuỗi Below, ngược lại hiển thị Over. Lưu ý sử dụng toán tử 3 ngôi. Nếu dùng if – else:
Hướng dẫnBước 1: Tạo file add.html Bước 2: Thêm thẻ
Bước 3: Khai báo biến a, b nhập vào giá trị cho a, b từ hộp thoại
Bước 4: Khai báo biến result lưu kết quả
Bước 5: Thực thi chương trình. Quan sát kết quả. Bài 2Viết chương trình nhập vào giá trị cho chuỗi message.
Sử dụng toán tử 3 ngôi để viết chương trình. Nếu dùng if – else:
Hướng dẫnBước 1: Tạo file employee.html Bước 2: Thêm thẻ Bài Viết Liên QuanQuảng CáoCó thể bạn quan tâmToplist được quan tâm#2
#3
#4
Top 6 thử thách thần chết thuyết minh phần 2 20236 tháng trước#5
#6
Top 5 áo khoác nam quảng châu cao cấp 20236 tháng trước#7
#8
Top 9 mẫu đồng phục công sở đẹp 2022 20236 tháng trước#9
Top 5 ốp lưng iphone 13 pro bảo vệ camera 20236 tháng trướcQuảng cáoXem NhiềuQuảng cáoChúng tôiTrợ giúpBản quyền © 2021 boxhoidap.com Inc.
|