/*
a. (1 pont) A task1 azonosítójú elembe írd ki a beírt karakterek számát!
b. (1 pont) A task2 azonosítójú elembe írd ki a mondatok számát! Gyakorlatilag számold meg, hogy hány .!? karakter van a szövegben!
c. (1 pont) A task3 azonosítójú elembe írd ki a szavak számát! Szónak tekintjük azokat a karaktersorozatokat, amelyeket szóközök választanak el egymástól! (Ha tömbbé bontod a szöveget, akkor ügyelj arra, nehogy üres elemek legyenek a tömbben!)
d. (2 pont) A task4 azonosítójú elembe írd ki, hogy mindegyik szó tartalmaz-e magánhangzót ('aáeéiíoóöőuúüűAÁEÉIÍOÓÖŐUÚÜŰ')!
e. (2 pont) A task5 azonosítójú elembe írd ki a leghosszabb szót (több esetén is egyet)! (Előfordulhat, hogy a leghosszabb szó vesszővel vagy más speciális karakterrel végződik, az ilyen esetekkel nem szükséges külön foglalkozni.)
f. (1 pont) Oldd meg, hogy a fenti feladatok mindig kiértékelődjenek, amikor gépelünk a mezőbe (input esemény)!
*/

const textarea = document.querySelector('#text')    // szövegbeviteli mező
const task1 = document.querySelector('#task1')      // task 1 kiírásához használt <dd> tag
const task2 = document.querySelector('#task2')      // task 2...
const task3 = document.querySelector('#task3')
const task4 = document.querySelector('#task4')
const task5 = document.querySelector('#task5')

textarea.addEventListener("keyup", render);
let txt = "";
let charBox = [];
let wordBox = [];

function render() {
    txt = textarea.value;
    charBox = txt.split('');
    wordBox = txt.split(' ').filter(word => !(word === ""));

    renderTask1();
    renderTask2();
    renderTask3();
    renderTask4();
    renderTask5();
}

function renderTask1() {
    task1.innerHTML = txt.length;
}

function renderTask2() {
    const endChar = ".!?";
    const sentenceCount = charBox.filter(character => endChar.includes(character)).length;

    task2.innerHTML = sentenceCount;
}

function renderTask3() {

    task3.innerHTML = wordBox.length;
}

function hasVowel(word) {
    const vowels = "aáeéiíoóöőuúüűAÁEÉIÍOÓÖŐUÚÜŰ";
    let splitWord = word.split('');

    return splitWord.filter(character => vowels.includes(character)).length > 0;
}

function renderTask4() {

    task4.innerHTML = wordBox.filter(word => hasVowel(word)).length === wordBox.length;
}

function renderTask5() {
    let maxLength = 0;
    let maxWord = "";

    wordBox.forEach(word => {
        const wordLength = word.length;
        if (wordLength > maxLength) {
            maxLength = wordLength;
            maxWord = word;
        }
    });

    task5.innerHTML = maxWord;
}

render();