document.getElementById("hozzaadGomb").addEventListener("click", function () {
   let targy = document.getElementById("uzenetTargy");
   let szoveg = document.getElementById("uzenetSzoveg");
   let num = 0;
   if(nemures(targy.value) && nemures(szoveg.value)){
    uzenethozzaad(targy.value, szoveg.value, num);
    document.getElementById(`uzenet${num}`).addEventListener("click", function () {
        let uzenet = document.getElementById("uzenet");
        uzenet.parentNode.removeChild(uzenet);
    });
    num++;
   } else{
    alert("Üresek a szövegmezők.")
   }
   mezourites(targy);
   mezourites(szoveg);
});

function nemures(string) {
    if (string != ""){
        return true;
    }
    return false;
}

function uzenethozzaad(targy, szoveg, num){
    let uzenet = document.createElement("div");
    uzenet.innerHTML = `<div id="uzenet${num}" class="uzenet"><h2>${targy}</h2><p>${szoveg}</p><button id="torles" class="torlesGomb"> TÖRLÉS </button></div>`;
    document.getElementById("uzenetek").appendChild(uzenet);
}

function mezourites(mezo){
    mezo.value = null;
}