with this snippet, you can add an event listener to any webpage which will log the button pressed to the console, along with its entire availbale buttons array and index at which it was found. Anyone know how if there's a naive way to determine which button in the array is which?

gamepad snippet

var gameLoop = function(res) {
  var gamepad = navigator.getGamepads(); 
  navigator.getGamepads()[0].buttons.forEach(function(button, i, buttons) {
    if(button.pressed) console.log('pressed: ', buttons.slice(),' i: ', i, buttons[i])
  }); 
  requestAnimationFrame(gameLoop)
}
window.addEventListener('gamepadconnected', gameLoop)

// src: https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API/Using_the_Gamepad_API