Ｊクエリの課題でどこを置き換えたらよいかわかりません。

前提・実現したいこと

カウントダウンタイマ3分を作成し、
jQueryを利用。
の課題で、どのように置き換えたらいいのかわかりません。
教えてください。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>カウントダウンタイマー</title> <link rel="stylesheet" href="stop_watch.css"> <script> var count = 180; var min = 0; var sec = 0; var stp = null;

//1秒毎にcont_down関数を
function count_start(){
    stp = setInterval(count_down,1000);
    var start = document.getElementById('start');
    start.disabled = true;
}

//カウンドダウン表示
function count_down(){
    if(count === 0){
        var display = document.getElementById("default");
        display.innerHTML = "TIME UP!";
    } else {
        count--;
        min = parseInt(count / 60);
        sec = count % 60;
        var count_down = document.getElementById("default");
        count_down.innerHTML = ("0"+min).slice(-2) +"：" + ("0"+sec).slice(-2);
    }
}　

function count_stop(){
    clearInterval(stp);
    var start = document.getElementById('start');
    start.disabled = false;
}

function count_reset(){
    count =180;
    min = parseInt(count / 60);
    sec = count % 60;
    var count_down = document.getElementById("default");
    count_down.innerHTML = ("0"+min).slice(-2) +"：" + ("0"+sec).slice(-2);
    count_stop();
}    

//イベント管理

$(function() {

　$('#start').click(count_start);
$('#stop').click(count_stop);
$('#reset').click(count_reset);

});

</script>

</head> <body> <div id="body"> <div id ="box"> <p id="default">03:00</p> <button id="start">スタート</button> <button id="stop">ストップ</button> <button id="reset">リセット</button> </div> </div> </body> </html> ### 試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

kei344

2019/11/24 09:52

（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。

hentaiman

2019/11/24 10:02

検索（調査）能力を試される課題なのではないでしょうか？もし調べても分かりませんという事でどう調べたのかを質問に書いてもらえたら検索のコツを回答しようと思いますが・・・

oikashinoa

2019/11/24 12:34

エラーメッセージ出てますよね？まずはそれを調べてみましょう

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

回答1件

<link rel="stylesheet" href="stop_watch.css">
の次の行に以下を追加してください。
それだけで動きましたよ。

むしろJavaScriptのコードには問題がないのに、
どうやったらそこをミスるのか不思議です。

html
1<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

投稿2019/11/24 12:36

miu_ras

総合スコア902

あなたの回答

tips

プレビュー

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

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！