JQuery使用でのalert反応せず涙

JQuery初心者です。JQueryを使用してタイマーを作成しようと思ったのですが、うまいこといかずとりあえず簡単なコードを書いてalertが反応するか確認したんですが、それも実行されず、、、どこがいけないのでしょうか？？？

<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>jquery使用タイマー</title>
</head>
<body>
   <div id="box">
       <p id="timer">03:00</p>
       <button id="start">START</button>
       <button id="tomeru">STOP</button>    <!--stopの関数はstopじゃない!!-->
       <button id="reset">RESET</button>
   </div>
   
<style type="text/css">
    

</style>
   <script src="https://code.jquery.com/jquery-3.1.1.slim.js"
  integrity="sha256-5i/mQ300M779N2OVDrl16lbohwXNUdzL/R2aVUXyXWA="
  crossorigin="anonymous">
            $('#start').click(function(){
                alert('bakaa');
            });
</script>

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

回答1件

ベストアンサー

html
1<!DOCTYPE html>
2<html lang="ja">
3	<head>
4		<meta charset="UTF-8">
5		<title>jquery使用タイマー</title>
6
7		<!-- style の位置間違っています -->
8		<style type="text/css">
9		</style>
10	</head>
11	<body>
12		<div id="box">
13			<p id="timer">03:00</p>
14			<button id="start">START</button>
15			<button id="tomeru">STOP</button>    <!--stopの関数はstopじゃない!!-->
16			<button id="reset">RESET</button>
17		</div>
18
19		<script src="https://code.jquery.com/jquery-3.1.1.slim.js"
20				integrity="sha256-5i/mQ300M779N2OVDrl16lbohwXNUdzL/R2aVUXyXWA="
21		crossorigin="anonymous"></script>
22		<script>
23			$('#start').click(function () {
24				alert('bakaa');
25			});
26		</script>
27	</body>
28</html>