Skip to content

Instantly share code, notes, and snippets.

@kshoufer
Created October 3, 2014 15:05
Show Gist options
  • Save kshoufer/9ebd72f3f772ec3d8947 to your computer and use it in GitHub Desktop.
Save kshoufer/9ebd72f3f772ec3d8947 to your computer and use it in GitHub Desktop.
A Pen by Ken Shoufer.
<h2>Tweet Box</h2>
<textarea name="" id="tweet-box" cols="40" rows="6"></textarea>
<p>Characters Remaining: <span id="tweet-feedback"></span></p>
var tweetMax = 140;
var tweetValue;
var tweetRemaining;
$('#tweet-box').keyup(function() {
tweetValue = $('#tweet-box').val().length;
tweetRemaining = tweetMax - tweetValue;
if (tweetRemaining < 0) {
$('#tweet-feedback').addClass("overLimit");
} else {
$('#tweet-feedback').removeClass("overLimit");
}
$('#tweet-feedback').html(tweetRemaining);
});
#tweet-feedback {
color: #333;
background-color: #EFD994;
padding: 10px;
text-align: center;
}
#tweet-feedback.overLimit {
color: #fff;
background-color: #EE3370;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment