jquery - JavaScript about syntax error? (codecedemy) -
i'm doing codeacademy javascript course of study , i'm doing okay. i've been able solve problems on own until now. can't right.
heres code javascript
var main = function() { $('.btn').click(function() { var post = $('.status-box').val(); $('<li>').text(post).prependto('.posts') $('.status-box').val(''), }); $('.status-box').keyup(function() { var postlength = $(this).val().length; var charactersleft = 140 - postlength; $('.counter').text(charactersleft); }); } $(document).ready(main); html
<!doctype html> <html> <head> <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp2/css/bootstrap.min.css" rel="stylesheet"> <link href='http://fonts.googleapis.com/css?family=roboto' rel='stylesheet' type='text/css'> <link href="style.css" rel="stylesheet"> </head> <body> <div class="container"> <form> <div class="form-group"> <textarea class="form-control status-box" rows="2" placeholder="what's on mind?"></textarea> </div> </form> <div class="button-group pull-right"> <p class="counter">140</p> <a href="#" class="btn btn-primary">post</a> </div> <ul class="posts"> </ul> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="app.js"></script> </body> </html> the javascript code isn't working. it's supposed create character count how many characters there left used in textbox. problem code isn't working. remember i'm beginner seek clear possible when presenting solution problem. think problem little error somewhere in javascript code, can't find since javascript understanding isn't optimal yet. thanks!
this bad syntax of comma, here fixed version:
var main = function() { $('.btn').click(function() { var post = $('.status-box').val(); $('<li>').text(post).prependto('.posts'); $('.status-box').val(''); }); $('.status-box').keyup(function() { var postlength = $(this).val().length; var charactersleft = 140 - postlength; $('.counter').text(charactersleft); }); } $(document).ready(main); javascript jquery html syntax-error
No comments:
Post a Comment