スタートを押すと数字が自動でカウントされるようにしたい。

前提・実現したいこと

JSで、setIntervalを使ってstartボタンを押すと、０から始まる数字が自動で１秒間隔で、１，２，３，４、.....と自動で数字が変わっていくようにしたい。

ここに質問の内容を詳しく書いてください。
（例）Javascriptでタイマーを作る練習をしています。まずは、単純に数字の０が１秒間隔で、１つずつ増えていくようなものを作ってみようと思いました。
startを押して、数字が増えていき、stopを押すと、その数字の増加が止まるようなものを作りたいです。
かなり、初歩的な質問だと思いますが、何時間もいろいろと試して解決しないため、質問をさせていただきました。よろしくお願いいたします。

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

スタートを押しても、数字が変わっていかない。自分でスタートを押したときだけ、数字が変わる。

該当のソースコード

<head> <meta charset="UTF-8"> <title>要素の作成・追加</title> <script> var setIntervalId; var startFlag=true; var start_timer=function(){ if(startFlag===true){ setIntervalId=setInterval(count,1000); startFlag=false; } }

var x=1;
var count=function(){
var timer=document.getElementById('timer');
timer.innerHTML=x++;
}

var stopping=function(){
    clearInterval(setInterval);
    startFlag=true;
}

window.onload=function(){
var start=document.getElementById('start');
start.addEventListener('click',count,false);
var stop=document.getElementById('stop');
stop.addEventListener('click',stopping,false);
}

</script> </head> <body> <body> <div id="timer">0</div> <button id="start">start</button> <button id="stop">stop</button> </body> </body> </html> ```ここに言語名を入力 Javascript

試したこと

似たようなコードを見つけて、まねをしながら上記コードを書きました。うまくいきません。

okina

2020/03/22 02:23

ソースコードのMarkdownの記載方法に誤りがあります。訂正をお願いします。

robben

2020/03/22 02:28

すみません。 Markdownの記載の意味が分からないです。どういう意味でしょうか？

okina

2020/03/22 02:31

他の質問とかとご自身の質問を見比べると、ソースコードの表示の仕方に差があるのがおわかりかとおもいます。 ```Javascript ここにソースコードを記載 ``` こういう記載が正解です。今後参考になさってください

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

回答2件

javascript
1window.onload=function(){
2var start=document.getElementById('#start');
3start.addEventListener('click',count,false);
4var stop=document.getElementById('#stop');
5stop.addEventListener('click',stopping,false);