//tablica na wyrazy
const wyrazy = ['giganci', 'funkcja', 'wisielec'];
//tablica na adresy do grafik
const tabObrazki=['wisielec0.png',
'wisielec1.png',
'wisielec2.png',
'wisielec3.png',
'wisielec4.png',
'wisielec5.png',
'wisielec6.png',
'wisielec7.png',
'wisielec8.png',
'wisielec9.png',
'wisielec10.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;

//przygotowanie zakrytego wylosowanego wyrazu
for (let i = 0; i < wyraz.length; i++) {
odpowiedzi[i] = '_';

}
//wyświetlanie tablicy zasłoniętego hasła każdy element w tablicy czyli _ łączy
document.getElementById('gra').textContent = odpowiedzi.join(' ');

//zdarzenie na kliknięcie przycisku ok
document.getElementById('ok').addEventListener('click', function () {

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(' ');
}
}
}
});