// tablica na wyrazy
const wyrazy = ['giganci', 'funkcja', 'wisielec', 'woda'];

// tablica na adresy grafiki
const tabObrazy = [
  'wisielec0.png','wisielec1.png','wisielec2.png','wisielec3.png',
  'wisielec4.png','wisielec5.png','wisielec6.png','wisielec7.png',
  'wisielec8.png','wisielec9.png','wisielec10.png'
];

// losowanie wyrazu
const wyraz = wyrazy[Math.floor(Math.random() * wyrazy.length)];

// tablica z odpowiedziami
const odpowiedzi = [];

// czy trafiono literę
let czyTrafiony = false;

// liczba szans
let szanse = 11;

// użyte litery
const uzyte = [];

// ile liter zostało
let pozostaleLitery = wyraz.length;

// wypełnienie tablicy odpowiedzi
for (let i = 0; i < wyraz.length; i++) {
  odpowiedzi.push("_");
}

document.getElementById('gra').textContent = odpowiedzi.join(' ');

document.getElementById('ok').addEventListener('click', function () {
  czyTrafiony = false;
  document.getElementById('komunikat').textContent = '';

  const strzal = document.getElementById('litera').value;
  document.getElementById('litera').value = '';

  if (strzal.length !== 1) {
    document.getElementById('komunikat').textContent = 'Podaj jedną literę';
  } else {
    for (let j = 0; j < wyraz.length; j++) {
      if (wyraz[j] === strzal) {
        czyTrafiony = true;
        odpowiedzi[j] = strzal;
        pozostaleLitery--;
      }
    }

    document.getElementById('gra').textContent = odpowiedzi.join(' ');
  }
});