Web APIs (navigator, geolocation, history)

What three possible values can permissionStatus.state return in this code?

navigator.permissions.query({name: 'geolocation'}).then(permissionStatus => {
  console.log('Geolocation permission state:', permissionStatus.state);
  
  switch (permissionStatus.state) {
    case 'granted':
      showLocationFeatures();
      break;
    case 'prompt':
      showLocationPromptUi();
      break;
    case 'denied':
      showLocationBlockedMessage();
      break;
  }
  
  permissionStatus.addEventListener('change', function() {
    console.log('Permission changed to:', this.state);
    updateUiBasedOnPermission(this.state);
  });
});

'allowed', 'blocked', 'default'
'yes', 'no', 'maybe'
'granted', 'prompt', 'denied'
permissionStatus.state returns three possible values: 'granted', 'prompt', or 'denied': 1) 'granted' indicates the user has explicitly allowed the permission, 2) 'prompt' means the user hasn't made a decision yet and will be prompted when the API is used, 3) 'denied' indicates the user has explicitly blocked the permission, 4) The code correctly handles all three states with different UI responses, 5) It also sets up an event listener to detect when the permission state changes, 6) This pattern enables responsive permission-aware interfaces that adapt to user choices, 7) The Permission API provides a consistent way to check permissions across various powerful features, 8) This approach allows creating better user experiences by guiding users through permission flows rather than just failing when permissions are denied.
'enabled', 'disabled', 'pending'

Next Question (38/40)