Hiển thị văn phòng mở/đóng dựa trên giờ hiện tại với ternary operator

Lấy giờ hiện tại new Date().getHours(), dùng toán tử ternary so sánh với giờ làm việc (ví dụ 10h-18h).

Ví dụ

<!DOCTYPE html>
<html lang="vi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Trạng thái văn phòng</title>
</head>
<body>
    <p id="status"></p>

    <script>
        const hour = new Date().getHours();
        // Mở từ 10h đến 17h59 (10 <= hour < 18)
        const status = (hour >= 10 && hour < 18) ? 'Đang mở' : 'Đã đóng';
        document.getElementById('status').innerHTML = status;
    </script>
</body>
</html>

Cách chạy

Lưu index.html, mở Live Server.

Kết quả

Hiển thị "Đang mở" nếu giờ trong [10, 18), ngược lại "Đã đóng".

Mở rộng: Thêm phút/giây, múi giờ, ngày nghỉ, cấu hình giờ linh hoạt.