Q&A
ソースは前後の行を```で囲んで、きちんとマークダウンしてください
ここに質問の内容を詳しく書いてください。
Javascriptでストップウォッチを作っています。
発生している問題・エラーメッセージ
まず、startをクリックしたら....addEventListenerのイベントリスターがブラウザで検証するとnullになります。
どっどインストールのソースコードをそのまま貼り付けてもnullになり、ボタンを押しても動きません。
どなたか助けていただきたいです。
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Stopwatch</title> <script> 'use strict'; var timer = document.getElementById('timer'); var start = document.getElementById('start'); var stop = document.getElementById('stop'); var reset = document.getElementById('reset');var startTime;
function countUp() {
var d = new Date(Date.now() - startTime);
var m = String(d.getMinutes()).padStart(2, '0');
var s = String(d.getSeconds()).padStart(2, '0');
var ms = String(d.getMilliseconds()).padStart(3, '0');
timer.textContent = ${m}:${s}.${ms};
setTimeout(() => { countUp(); }, 10);
}
start.addEventListener('click', () => {
startTime = Date.now();
countUp();
});
</script>
試したこと
addEventListenerの上に、window.onload=()=>
を付けましたが、変わりませんでした。
ここに問題に対して試したことを記載してください。
回答1件
0
script
1'use strict' 2window.addEventListener('DOMContentLoaded', ()=>{ 3既存のソース; 4});
投稿2020/03/24 13:33
総合スコア116724
あなたの回答
tips
プレビュー
