구문 오류에 대한 JavaScript? (codecedemy)

-1

나는 Codeacademy JavaScript 과정을 진행하고 있습니다. 그리고 나는 괜찮습니다. 지금까지 내 문제를 스스로 해결할 수있었습니다. 나는 그것을 올바르게 이해할 수 없다.구문 오류에 대한 JavaScript? (codecedemy)

Heres는 내 코드 자바 스크립트

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 코드의 어딘가에있는 작은 오류라고 생각합니다. 그러나 자바 스크립트 이해가 아직 최적이 아니기 때문에 문제를 찾을 수 없습니다. 감사!

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

출처

2014-10-07 Leon Wikström

디버깅을 위해 브라우저 콘솔을 사용하여 시작하십시오. 그것은 당신이이 작은 구문 오류를 찾는 데 도움이됩니다 :) –

Im completly Web dev에 신선한. 어제 시작되었지만 broswer 콘솔이 무엇인지 설명하고 싶다면 이드를 기꺼이 사용해보십시오. –

데스크톱 응용 프로그램을 프로그래밍하는 경우와 같습니다. 컴파일 또는 런타임 오류를 기록하고 오류를 일으킨 행 번호, 함수 이름 등으로 안내합니다. 이 링크에서이 기사를 읽을 수 있습니다. https://developer.mozilla.org/en-US/docs/Tools/Browser_Console –

이 추가 쉼표 단지 나쁜 구문, 여기에 고정 된 버전입니다

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

변경이 ~

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

출처

2014-10-07 08:50:57

그것은이 아주 작은, 단지 구문 오류 모습입니다 :

출처

2014-10-07 08:51:35 Matthias

대답 주셔서 감사합니다! –

구문 오류에 대한 JavaScript? (codecedemy)

답변

관련 문제