//tablica na wyrazy
const wyrazy = ['giganci', 'funkcja', 'wisielec'];
//tablica na adresy do grafik
const tabObrazki=['0.png',
'1.png',
'2.png',
'3.png',
'4.png',
'5.png',
'6.png',
'7.png',
'8.png',
'9.png',
'10.png'];
// losowy wyraz z tablicy wyrazy

const wyraz = wyrazy[Math.floor(Math.random() * wyrazy.length)];
// tablica z odpowiedziami zawiera przesłonięte hasło które stopniowo będziemy

const odpowiedzi = [];
//zmienna informująca czy po podaniu literki udało isę trafić
let czyTrafiony = false;
//szanse w grze musi być taka wartość ponieważ mamy tyle grafik
let szanse = 11;
//tablica przechowująca użyte już litery
const uzyte = [];
//zmienna przechowująca info ile pozostało liter do odgadnięcia
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 () {
// przed każdym nowym zatwierdzeniem literki ustawiamy tą zmienna na false
czyTrafiony = false;
//czyścimy wyświetlanie komunikatu
document.getElementById('komunikat').textContent = '';
//zmienna przechowująca literkę gracza
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;;//odsłonięcie litery w haśle
pozostaleLitery--;
//aktualizujemy wyświetlanie naszego hasła
document.getElementById('gra').textContent = odpowiedzi.join(' ');
}
}


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