버튼 기능으로 인해 어려움이 있습니다.

Question

안녕하세요,

저는 freecodecamp를 통해 작업 중이며 현재 견적 생성기 문제를 해결 중입니다. 버튼을 클릭 할 때 변경 내용을 스크립팅하는 기능을 얻는 데 약간의 문제가 있습니다. 기본적으로 나는 아래에 게시 할 내 자신의 코드를 가지고 있지만 또한 단순히 복사하여 내 단추에서 기능을 얻을 수없는 코드를 붙여 넣으려고.

나는 그것이 정직하고 쉬운 실수이지만 잘하면 해결하기가 쉬워야한다고 확신합니다. 질문이 있으면 진정으로 감사드립니다.

<script> 
    $(document).ready(function(){ 
    $("#getMessage").on("click", function(){ 
     $(".message").html("New Message"); 
    }); 
    }); 
</script> 

<div id="wrapper"> 
    <button type="button" id = "getMessage" class = "btn btn- primary">Generate New Quote</button> 
</div> 

<div class= "text-center"> 
    <div class = "message"> 
    Sample 
    </div> 
</div> 

Answer 1

, 당신은 가장 가능성 jQuery를 추가하지 않는, 그러나 당신은 그것을 ($)를 사용하려고합니다. 이를 확인하려면 콘솔을 확인하십시오. 아마 Uncaught ReferenceError: $ is not defined으로 채워질 것입니다.

challenege이 목표로 말한대로 CodePen을 사용한다고 가정하면 jQuery를 매우 빠르고 쉽게 포함 할 수 있습니다. 그렇게하려면 JS 옆의 settings cog을 클릭하고 Quick-add 드롭 다운을 사용하고 jQuery을 선택하면됩니다.

수동으로 포함하려는 경우 (앞으로 개발해야 할 가능성이 높기 때문에) 나는 Drefetr's answer을 권장합니다.

Answer 2

이 논리에 대한 코드 (어떤 주요 이슈로가 나타나지 않습니다 (I 단순히 버튼을 클릭시 디스플레이 메시지를 변경할 유의하시기 바랍니다), 에디터가있을 수 있습니다 귀하의 서식을 조금 성급하게 렌더링했습니다).

HTML 문서의 헤더에 jQuery 라이브러리가 포함되어 있는지 확인할 수 있습니까? 예 : 자세한 내용은

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

: 다른 언급이 https://developers.google.com/speed/libraries/#jquery