タイマーを作っています。start をクリックすると処理が開始するようにしたいです。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>ストップウォッチ</title> 7 <link rel="stylesheet" href="css/styles.css"> 8</head> 9<body> 10 <div class="container"> 11 <div id="timer">00:00.000</div> 12 <div class="control"> 13 <div id="btn" id="start">Start</div> 14 <div id="btn" id="stop">Stop</div> 15 <div id="btn" id="reset">Reset</div> 16 </div> 17 18 </div> 19 20 21 <script src="js/main.js"></script> 22</body> 23</html>
JavaScript
1"use strict"; 2{ 3 const timer =document.getElementById("timer"); 4 const start =document.getElementById("start"); 5 const reset =document.getElementById("reset"); 6 const stop =document.getElementById("stop"); 7 8 let startTime; 9 10 function countUp() { 11 const d = new Date(Date.now() - startTime ); 12 const m = String(d.getMinutes()).padStart(2, '0'); 13 const s = String(d.getSeconds()).padStart(2, '0'); 14 const ms = String(d.getMilliseconds()).padStart(3, '0'); 15 timer.textContent = `${m}:${s}.${ms}`; 16 17 setTimeout(() => { 18 countUp(); 19 }, 10); 20 } 21 22 start.addEventListener("click", () => { 23 startTime = Date.now(); 24 countUp(); 25 }); 26}
エラーメッセージ
main.js:22 Uncaught TypeError: Cannot read property 'addEventListener' of null
at main.js:22
試した事
・コードの見直し
・'addEventListener' of null
について調べる
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2020/02/27 07:44