const inputText = document.querySelector('#string');
const counter = document.querySelector('#counterFooter');
const tweetButton = document.querySelector('#btn');
let count = 0;

inputText.addEventListener('input', function(e){
    count = inputText.value.length;
    counter.innerText = (`${140 - count}/140`)
    if(count >= 120){
        counter.classList.add('redText');        
    } else {
        counter.classList.remove('redText');  
    }
    
    if(count > 140){
        tweetButton.classList.add('buttonDisabled');
    } else {
        tweetButton.classList.remove('buttonDisabled');
    }
})