const wyrazy = ['giganci', 'funkcja', 'wisielec'];

const tabObrazki = [
  'wisielec0.png',
  'wisielec1.png',
  'wisielec2.png',
  'wisielec3.png',
  'wisielec4.png',
  'wisielec5.png',
  'wisielec6.png',
  'wisielec7.png',
  'wisielec8.png',
  'wisielec9.png',
  'wisielec10.png'
];

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

const odpowiedzi = [];

let czyTrafiony = false;

let szanse = 11;

const uzyte = [];

let pozostaleLitery = wyraz.length;

for (let i = 0; i < wyraz.length; i++) {
  odpowiedzi[i] = '_';
}

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 == 0) {
    document.getElementById('komunikat').textContent = 'Proszę, podaj literkę';
    return;
  }

  for (let j = 0; j < wyraz.length; j++) {
    if (wyraz[j] == strzal) {
      czyTrafiony = true;
      odpowiedzi[j] = strzal;
      pozostaleLitery--;
    }
  }

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

  if (pozostaleLitery == 0) {
    document.getElementById('ok').disabled = true;
    document.getElementById('litera').disabled = true;
    document.getElementById('komunikat').textContent =
      'Brawo !!! Odganięte hasło to ' + wyraz;
  }
});