//szavak feltöltése
let szavak =    ["alma","körte","szilva",
                "málna","eper","eper",
                "szőlő","narancs","barack"];
let k = 0;
let szotabla = document.querySelector("#szoTabla");
for(let i=0; i < szotabla.rows.length; i++){
    for(let j = 0; j < szotabla.rows[i].cells.length; j++){
        szotabla.rows[i].cells[j].innerHTML = szavak[k];
        k++;
    }
}

//szinkivalasztas
let szintabla = document.querySelector('#szinTabla');
let szinTablaCella = szintabla.querySelectorAll('td');
let kivalasztottSzin;
let szoTablaCella = szotabla.querySelectorAll('td');

for(let i=0; i<szinTablaCella.length; i++){
    szinTablaCella[i].addEventListener('click', ()=> {
        kivalasztottSzin = szinTablaCella[i].id;
    });
};

//szavak szinezése

let input = document.querySelector('#inputSzo');
let kuldes = document.querySelector('#kuldesGomb');
kuldes.addEventListener('click', ()=> {
    for(let i=0; i<szavak.length;i++){
        if(input.value == szavak[i]){
            szoTablaCella[i].style.backgroundColor = kivalasztottSzin.toString();
        }
}});