Dinamic Behavior

feedster.js

    $(document).ready(() => {
 $('.menu').on('mouseenter', () => {
   $('.nav-menu').show()
 }).on('mouseleave', () =>{
    $('.nav-menu').hide();
 });
  
  $('.btn').on('mouseenter', (event) => {
    $(event.currentTarget).addClass('btn-hover').on('mouseleave', event => {      $(event.currentTarget).removeClass('btn-hover')
    })
  })
  
  $('.postText').on('keyup', (event) =>{ // 
    
   let post =$(event.currentTarget).val(); // event listener
    let remaining = 140 - post.length; 
    $('.characters').html(remaining);
		if(remaining <= 0) {
      $('.wordcount').addClass('red');
    } else {
      $('.wordcount').removeClass('red');
    }
  })
  $('.postText').focus();

  
});