document.addEventListener('keydown', e => {
    if (e.key !== word[loc]) {
      return;
    }

この箇所についてですが、e.key にはタイプされた文字が、word[loc] には何番目の文字かという数値が値として来ると思ったので、これが false のときということがイメージできませんでした。

const word = 'red';
let loc = 0;

と定義されているので、例えば最初の文字の r がタイプされたときは、e.key には r が、そして word[loc] には 0 番目の 0 が渡されると思ったので、この文字列の r と数値の 0 が比較演算子で比較するというところが理解できませんでした。

よろしくお願いします。