Gagal menjalankan function javascript

jadi gini abang" dan mbak" sekalian, kan saya sedang mencoba melatih diri dengan javascript. saya sedang mencoba membuat permainan seperti kompetisi mengetik di google.dalam rencana saya saat menekan spasi jika value = isi tag span maka akan mengeluarkan background hijau. ketika saya menjalankan kode yang saya buat hasil pertamanya di eksekusi dengan baik tapi pada saat kedua dan seterusnya malah false.

let teks = document.getElementById('text');
let spand = document.querySelectorAll('span');
let i = 0;
    teks.addEventListener('keypress', masuk);

    function masuk() {
      if (event.keyCode == 32) {
        if (teks.value == spand[i].innerHTML) {
          spand[i].style.backgroundColor = 'green';
          teks.value = '';
          i += 1;
        }  else {
          spand[i].style.backgroundColor = 'red';
          teks.value = '';
          i += 1;
        }
      }
    };