jsでのUncaught ReferenceError: $ is not definedエラーについて

現象

クリックイベントでアラートを出そうと思ったのですが下記のエラーが出てしまいました。
うまく読み込めていないようなのですがうまくいきませんでした。

Uncaught ReferenceError: $ is not defined

ソースコード

js
1$('#text-button').click({param1: "Hello", param2: "World"}, cool_function);
2
3function cool_function(event){
4    alert(event.data.param1);
5    alert(event.data.param2);
6}
7

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="text-button"><p id="text">クリック</p></div>
</body>

<script src="test.js" ></script>
<script src="http://code.jquery.com/jquery-3.3.1.min.js" defer></script>
</html>

###ご教授お願いします。

Lhankor_Mhy

2020/09/10 07:21

質問の途中で投稿してしまいましたか？

行動規範の内容に同意します

回答3件

ベストアンサー

HTML
1<script src="test.js" ></script> <script src="http://code.jquery.com/jquery-3.3.1.min.js" defer></script>
2```↓
3```HTML
4<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script><script src="test.js" ></script>

投稿2020/09/10 07:24

編集2020/09/10 07:29

kei344

総合スコア69606

Lhankor_Mhy

2020/09/10 07:27

defer を外した方がいいのでは。

kei344

2020/09/10 07:29

To: Lhankor_Mhyさん見落としていました、修正しておきます。

行動規範の内容に同意します

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="text-button"><p id="text">クリック</p></div> </body> <script src="http://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="test.js" ></script> </html>

にしてみてはどうですか？

投稿2020/09/10 07:23

Lhankor_Mhy

総合スコア36960