let caractersAll = document.querySelector('#caracters-all'),
    caractersNospaces = document.querySelector('#caracters-nospaces'),
    words = document.querySelector('#words'),
    textArea = document.querySelector('#enter'),
    submitBtn = document.querySelector('.submit');

    caractersAll.textContent = '0';
    caractersNospaces.textContent = '0';
    words.textContent = '0';

function calculateAll(text) {
    let textValue = text.value;
    let textArray = Array.from(textValue);
    caractersAll.textContent = textArray.length;

 
}

function calculateNospaces(text) {
    let textValue = text.value.replace(/\s/g, '');
    let textArray = Array.from(textValue);
    caractersNospaces.textContent = textArray.length;

}


function calculateWords(text) {
    let textValue = text.value.trim();
    let textArray = textValue.split(' '),
        newArray = [];

    textArray.forEach(item => {
        textItem = item.replace(/[^a-zA-Z0-9]/g, '');
        let itemNone = ''
        if(textItem != itemNone){
            newArray.push(textItem);
        }
        
    });
    words.textContent = newArray.length;
}
submitBtn.addEventListener('click', ()=>{
calculateAll(textArea);
calculateNospaces(textArea);
calculateWords(textArea);
})