7. Disable the button 1


#1

this is my code

var main = function() {
  $('.btn').click(function() {
      var post = $('.status-box').val();
      $('<li>').text(post).prependTo('.posts');
      $('.status-box').val('');
      $('.counter').text('140')
  });
$('.status-box').keyup(function() {
    var postLength = $(this).val().length;
    var charactersLeft = 140 - postLength;
    $('.counter').text(charactersLeft);
    if (charactersLeft < 0) {
        $('.btn').addClass('disabled');
    }
    else if (charactersLeft == 140) {
        $('.btn').addClass('disabled');
    }
    else {
        $('.btn').removeClass('disabled');
    }
$('.btn').addClass('disabled');

});
}

$(document).ready(main);

I keep getting the error:
Oops, try again. Remember to add the line $('.btn').addClass('disabled'); outside your keyup event handler

I don't know what's wrong. Any help is appreciated


#2

Hi Kaysom01,

Remember to add the line $('.btn').addClass('disabled'); outside your keyup event handler

You need to add that line outside of the keyup event handler. So, after the last });, but before the last closing curly brace (}), add the line:

$('.btn').addClass('disabled');

:slight_smile: