ボタンの機能に問題があります

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

エディタが有してもよい、ロジックに関して（コードで任意の大きな問題があるように表示されません。あなたの書式を少し不本意にしました）。

jQueryライブラリをHTMLドキュメントのヘッダーに含めることができますか？例えば詳細については

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

：他の人が述べたようにhttps://developers.google.com/speed/libraries/#jquery