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

const tabObrazki = [
  '0.png',
  '1.png',
  '2.png',
  '3.png',
  '4.png',
  '5.png',
  '6.png',
  '7.png',
  '8.png',
  '9.png',
  '10.png' ];
  
  
const wyraz = wyrazy[Math.floor(
  Math.random() * wyrazy.length)];
// radom -> losowy ---> losuje liczbe
// floor -> podloga --> daje liczbe w dol == 2.7 = 2
// length -> dlugosc tablicy

const odpowiedzi = [];

let czyTrafiony = false;

let szanse = 11;

// iloscGrafik(11) = szansom 
// odp --  -> szansa - 1 
// odp ++ ->szansa + 0

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ą literkę";
  }
  
  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(' ');
      }
    }
  }
});
  
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 odgadnięte hasło to:' + wyraz;
  }
}
});