Javascript
1<body> 2 <div class="container"> 3 <p id="timer">00:00:00</p> 4 <div> 5 <button id="start-stop" class="btn btn-lg btn-primary">START</button> 6 </div> 7 </div> 8 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 9 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 10 <script type="text/javascript"> 11 //ゼロを追加するfunction 12 var addZero = function(value){ 13 if (value < 10) { 14 value = '0' + value; 15 } 16 return value; 17 } 18document.getElementById('start_stop').addEventListener('click',function(){ 19 var now = new Date(); 20 var seconds = now.getSeconds(); 21 seconds = addZero(seconds); 22 var minutes = now.getMinutes(); 23 minutes = addZero(minutes); 24 var hours = now.getHours(); 25 hours = addZero(hours); 26 document.getElementById('timer').innerHTML = hours + ':'+ minutes +':'+ seconds; 27 }); 28コード 29``` 30 31#前提、したいこと h1 32Udemyの動画教材を見ながら、JavaScriptでストップウォッチを作成しています。 33.addEventListenerを機能させてクリックすると現在の日にちが表示されるようにしたいです。 34##発生しているエラーコード 35Uncaught TypeError: Cannot read property 'addEventListener' of null 36 at javascript-index.html:29 37addEventListenerを記述している行にエラーが起きているようです。 38##環境 39google chrome 40atom
(質問文は編集できます)HTMLとエラー文を質問文に追記してください。エラーはデベロッパーツールで確認してください。https://eng-entrance.com/javascript-display-error
回答1件
あなたの回答
tips
プレビュー