JavaScript关于语法错误？（编解码器）_Javascript_Jquery_Html_Syntax Error

JavaScript关于语法错误？（编解码器）

javascript jquery html

JavaScript关于语法错误？（编解码器）,javascript,jquery,html,syntax-error,Javascript,Jquery,Html,Syntax Error,我正在上代码学院的JavaScript课程，我做得很好。到目前为止，我一直能够自己解决问题。我就是搞不好这是我的密码 JavaScript var main = function() { $('.btn').click(function() { var post = $('.status-box').val(); $('<li>').text(post).prependTo('.posts') $('.status-box

我正在上代码学院的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);

var main=function（）{
$（'.btn'）。单击（函数（）{
var post=$（'.status box'）.val（）；
$（“”）.text（post.prependTo（“.posts”）
$（“.status box”）.val（“”），
});
$（'.status box'）.keyup（函数（）{
var postLength=$（this）.val（）.length；
var charactersLeft=140-postLength；
$（'.counter'）.text（charactersLeft）；
});
}
$（文件）.ready（主）；

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的理解还不是最优的。谢谢

这只是额外逗号的错误语法，以下是固定版本：

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

var main=function（）{
$（'.btn'）。单击（函数（）{
var post=$（'.status box'）.val（）；
$（“”）.text（post.prependTo（“.posts”）；
$（'.status box'）.val（''）；
});
$（'.status box'）.keyup（函数（）{
var postLength=$（this）.val（）.length；
var charactersLeft=140-postLength；
$（'.counter'）.text（charactersLeft）；
});
}
$（文件）.ready（主）；

它非常小，只是一个语法错误，看看这个：

$（'.status box'）.val（''），

换成

$（'.status box'）.val（''）
您可能希望开始使用浏览器控制台进行调试。它将帮助您找到这些小语法错误：）我对web开发非常熟悉。昨天开始，但如果您想解释broswer控制台是什么，我很乐意尝试一下。这与编写桌面应用程序一样。它将记录编译或运行时错误，并引导您找到导致错误的行号、函数名等。你可以在这个链接上阅读。非常感谢！我会查出来：）谢谢你的回答！