tengo 3 botones

 <button role="button" value="pro" id="proRegister">Pro</button> <button role="button" value="proplus" id="proRegister">ProPlus</button> <button role="button" value="premium" id="proRegister">Premium</button>

Cuando hago clic en el botón 'Pro', quiero obtener el valor 'pro' (del botón). Del mismo modo, quiero obtener los valores de los botones correspondientes usando la función document.querySelector()