const wyrazy = ['wisielec', 'funkcja', 'giganci', 'stółzpowyłamywanyminogami', 'konstantynopolitańczykowianeczka'];

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 jedną literę.';
  } else if (uzyte.includes(strzal)) {
    document.getElementById('komunikat').textContent = 'Ta litera została już podana!';
  } else {
    uzyte.push(strzal);
    for (let i = 0; i < wyraz.length; i++) {
      if (wyraz[i] === strzal) {
        odpowiedzi[i] = strzal;
        pozostaleLitery--;
        document.getElementById('gra').textContent = odpowiedzi.join(' ');
        czyTrafiony = true;
      }
    }
    if (pozostaleLitery === 0) {
      document.getElementById('ok').disabled = true;
      document.getElementById('litera').disabled = true;
      document.getElementById('komunikat').textContent = `Brawo, odgadnięte hasło to ${wyraz}`;
    }
    
    if (czyTrafiony == false) {
      ustawObrazek();
      szanse--;
      if (szanse === 0) {
        document.getElementById('ok').disabled = true;
        document.getElementById('litera').disabled = true;
        document.getElementById('komunikat').textContent = 
        `Przegrana, szukane słowo to: ${wyraz}`;
      }
    }
    
  }
});

function ustawObrazek() {
  document.getElementById('wisielec').src = tabObrazki[szanse-1];
  document.getElementById('wisielec').style.display = 'block';
}

document.getElementById('reset').addEventListener('click', function(){
  window.location.reload();
})