Web APIs

    
      if ('geolocation' in navigator) {
        navigator.geolocation.getCurrentPosition(
          (position) => {
            const { latitude, longitude } = position.coords;
            console.log(`Latitude: ${latitude}, Longitude: ${longitude}`);
          },
          (error) => {
            console.error('Lỗi khi lấy thông tin địa lý:', error);
          },
          {
            enableHighAccuracy: true, // Độ chính xác cao
            timeout: 5000, // Thời gian chờ phản hồi (ms)
            maximumAge: 0 // Thời gian tối đa có thể sử dụng dữ liệu được lưu trong bộ nhớ đệm (ms)
          }
        );
      } else {
        console.log('Geolocation không được hỗ trợ bởi trình duyệt này.');
      }
    
  

    
      let watchId;

      if ('geolocation' in navigator) {
        watchId = navigator.geolocation.watchPosition(
          (position) => {
            const { latitude, longitude } = position.coords;
            console.log(`Latitude: ${latitude}, Longitude: ${longitude}`);
          },
          (error) => {
            console.error('Lỗi khi lấy thông tin địa lý:', error);
          },
          {
            enableHighAccuracy: true,
            timeout: 5000,
            maximumAge: 0
          }
        );
      }

      // Dừng theo dõi vị trí
      function stopTracking() {
        if (watchId) {
          navigator.geolocation.clearWatch(watchId);
        }
      }
    
  

    
      if ('Notification' in window) {
        Notification.requestPermission().then((permission) => {
          if (permission === 'granted') {
            console.log('Quyền thông báo đã được cấp.');
          } else {
            console.log('Quyền thông báo đã bị từ chối.');
          }
        });
      } else {
        console.log('Thông báo không được hỗ trợ bởi trình duyệt này.');
      }
    
  

    
      if (Notification.permission === 'granted') {
        const options = {
          body: 'Đây là nội dung thông báo',
          icon: 'icon.png',
          data: { url: 'https://example.com' }
        };
        const notification = new Notification('Xin chào, thế giới!', options);

        // Xử lý sự kiện khi nhấp vào thông báo
        notification.onclick = (event) => {
          event.preventDefault(); // Ngăn chặn chuyển hướng mặc định
          window.open(notification.data.url, '_blank');
        };
      }
    
  

    
      window.addEventListener('deviceorientation', (event) => {
        console.log(`Alpha: ${event.alpha}, Beta: ${event.beta}, Gamma: ${event.gamma}`);
      });
    
  

    
      navigator.getBattery().then((battery) => {
        console.log(`Mức pin: ${battery.level * 100}%`);
        console.log(`Đang sạc pin: ${battery.charging}`);

        battery.addEventListener('levelchange', () => {
          console.log(`Mức pin thay đổi: ${battery.level * 100}%`);
        });

        battery.addEventListener('chargingchange', () => {
          console.log(`Trạng thái sạc pin thay đổi: ${battery.charging}`);
        });
      });
    
  

    
      const element = document.documentElement; // Toàn bộ tài liệu

      function toggleFullScreen() {
        if (!document.fullscreenElement) {
          element.requestFullscreen().catch((err) => {
            console.error(`Lỗi khi cố gắng bật chế độ toàn màn hình: ${err.message}`);
          });
        } else {
          document.exitFullscreen();
        }
      }

      document.getElementById('fullscreenButton').addEventListener('click', toggleFullScreen);