关于语法错误的JavaScript? (codecedemy)

时间:2014-10-07 08:48:00

标签: javascript jquery html syntax-error

我正在做Codeacademy JavaScript课程,我做得很好。到现在为止,我已经能够自己解决问题了。我只是无法做对。

继承我的代码 的的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 your 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>

JavaScript代码无效。它应该使字符计数文本框中剩余的字符数。问题是代码不起作用。记住我是初学者,所以在提出解决问题的方法时尽量保持清醒。我认为问题是JavaScript代码中的某个小错误,但我找不到它,因为我的JavaScript理解还不是最优的。谢谢!

2 个答案:

答案 0 :(得分:0)

这只是额外逗号的错误语法,这是固定版本:

 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);

答案 1 :(得分:0)

它非常小,只是语法错误,请看这个:

$('.status-box').val(''),

将其更改为

$('.status-box').val('');