JSFiddle - React, Tailwind, and code Playground

HTML

<input id="messageBox" placeholder="Type your message here... " tabindex=1 autocomplete="off" />
<input id="guessBox" placeholder="Type your guess here..." tabindex=2 autocomplete="off" />

<button id="btnRankUp">Rank Up</button>
<button id="btnHint">Hint</button>
<div id="audioControl">Volume:</div>
<input id="vol-control" type="range" min="0" max="100" step="1" />
<button id="btnMute">Mute</button>

JavaScript

var first = document.getElementById('guessBox'),
    second = document.getElementById('messageBox')

first.onkeydown = function(e) {
    if (e.keyCode === 9) {
        second.focus()
        e.preventDefault()
    }
}