javascriptにて３分のカウトダウンタイマーを作成してます。動きません。。

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>timer</title> <script> var interval_id; function timer_start(){ interval_id=setInterval(count_down,1000); } var time =180; var min =0; var sec =0; var timer =document.getElementById('timer');

    function count_down(){
        if(time>0){
           min=Math.floor(time/60);
           sec=(time%60);
           --time;
           timer.innerHTML=(min+":"+sec);
        }else {
            timer.innerHTML="TIME UP";
            clearInterval(interval_id);
        }
    }
    function stop_push(){
        clearInterval(interbal_id);
    }
    function reset_button(){
        min=Math.floor(time/60);
        sec=(time%60);
        timer.innerHTML=(min+":"+sec);
    }
    window.onload=function(){
         var start = document.getElementById('start'); 
         start.addEventListener("click",timer_start,false);
         var stop = document.getElementById('stop'); 
        stop.addEventListener('click',stop_push,false); 
        var reset = document.getElementById('reset'); 
        reset.addEventListener('click',reset_button,false); 
    }
</script>
</head>
<body>
    <div id="timer">03:00</div>
    <button id="start">スタート</button>
    <button id="stop">ストップ</button>
    <button id="reset">リセット</button>
</body>

</html>

miyabi_takatsuk

2019/08/28 01:29

コードは、マークダウン形式で記載しましょう。投稿ツールの<code>ボタンで挿入される文字列の中にコードを入れると、できます。

m.ts10806

2019/08/28 01:36

>動きません。。「動かない」「ダメでした」「うまくいきません」などは他者に起きていることは何も伝わらないので実際に起きている現象を記載してください。「何も起きない」のでしたらいくつか理由があるので、例えばブラウザ開発ツールのコンソールでエラーが出ていない確認するとか、「通っているであろう処理」にconsole\.log\(1\);とか入れてコンソール出力を確認してみるとか、デバッグしてみてください。 https://teratail\.com/help/question-tips#questionTips3-4-1

azuapricot

2019/08/28 01:36

コードとタイトルで要件を書くだけじゃなくて、質問文に具体的にどうやったんだけどどうなったっていうのを記載したほうがよいかと思います。先生や上司にコードだけ見せたらどうなりますか？「で？どうしてほしいの？」OR「一言もないの？」って言われちゃいますよね。それと同じです。

yamap55

2019/08/28 01:44

関連した質問に同じ内容の質問もありますので見ると色々勉強になるかと思います。（っというか、このお題はどこが出してるんですか？？）

miyabi_takatsuk

2019/08/28 01:46

エスパー回答してしまった・・・。質問者さん、具体的な質問に修正をお願いします。また、マークダウン形式にまだなっていませんよ。挿入された文字列の間、"コード"という文字の部分にコードをペーストしてください。

m.ts10806

2019/08/28 01:49

reset\.addEventListener\('click',reset_button,false\); でteratail内検索するとまぁまぁありますね

m.ts10806

2019/08/28 02:09

querykuma

2019/08/28 02:39

ブラウザは何を使ってます？もしChromeかFirefoxならエラーの見方についてアドバイスできるかもしれません。

zer0312

2019/08/28 02:40

クロームを使用しております。

m.ts10806

2019/08/28 02:41

なるほど。質問ではなく作業依頼ということですね。

querykuma

2019/08/28 02:52 編集

クロームのデベロッパーツールを起動してください。スタートを押したら「Console」にエラーがでます。「Sources」の「{}」のPretty Print（きれいに表示）を押したらプログラムが見やすくなります。 interbal_idをinterval_idに直すのはエラーを見ればわかります。デベロッパーツールは機能がいっぱいあるので検索して調べてみてください。 QiitaやteratailやGitHubを使うならマークダウンの書き方を学びましょう。 ```html <html></html> ```

azuapricot

2019/08/28 02:51

回答してもらってさらにここ違うんだけどはすごい失礼ですねぇ動かないっていう質問だから動くようになったら要件クリアですけど

m.ts10806

2019/08/28 03:17

同じやり方してると誰もアドバイスしなくなりますのでご注意を。詳しくはサイトのヘルプから各ガイドライン熟読してください。マナー、ルールです。守れない人がどうなるかは分かりますよね

dit.

2019/08/29 01:09

何度も言われているのに一向に直ってないのでもう一度指摘します。 tetatailにはコードを見やすくするための仕組みがあります。（皆さんが「コードブロックにしてくれ」と言っているもの） ```html ここにコード ``` という形にしてください。HTMLでいう、タグみたいなものです。 <div>ここに内容</div>みたいなものですが、改行を入れないとうまくいきません。パソコンからの編集なら右側にプレビューが出ているはずなので確認しながら対処してください。

まだ回答がついていません

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

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