<button type="button" id="b">B</button>
<button type="button" id="a">A</button>
<button type="button" id="c">C</button>
const a = document.getElementById('a');
const b = document.getElementById('b');
const c = document.getElementById('c');

a.addEventListener('keydown', (event) => {
  if (event.target === a && event.key === 'Tab' && !event.shiftKey) {
    event.preventDefault();
    b.focus();
  }
});

b.addEventListener('keydown', (event) => {
  if (event.target === b && event.key === 'Tab' && event.shiftKey) {
    event.preventDefault();
    a.focus();
  }
});
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.