Q&A
> うまく作動しなかった
これだけだと「正しい挙動」が何かがわかりません。
各spanタグのdata-firstとdata-endをコンソールに出力するだけならこれで問題ないように思いますが、違うのでしょうか
前提・実現したいこと
javascriptの学習をしています。
data-firstとdata-endの情報をコンソールに表示させたいです。
以下の通りにコードを書いたのですがコンソールに表示されなかったので解決策を教えていただけないでしょうか？
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5</head> 6<body> 7<section> 8 <div class="box"><span class="countBlock" data-first="0" data-end="43">0</span> 9 </div> 10</section> 11<section> 12 <div class="box"><span class="countBlock" data-first="02" data-end="22">0</span> 13 </div> 14</section> 15<section> 16 <div class="box"><span class="countBlock" data-first="20" data-end="34">0</span></div></section> 17<section> 18 <div class="box"><span class="countBlock" data-first="01" data-end="3">0</span> 19 </div> 20</section> 21</body> 22<script> 23var elements = document.getElementsByClassName('countBlock'); 24const Def = function consolData(func){ 25 for(i=0;i<elements.length;i++){ 26 var start = elements[i].getAttribute('data-first'); 27 var end = elements[i].getAttribute('data-end'); 28 func(start,end); 29 } 30} 31const timer = function countUP(start,end) { 32 console.log(start); 33 console.log(end); 34} 35Def(timer); 36</script> 37</html> 38
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
修正の依頼ありがとうございます。
質問文に反映しました。
依頼にも書きましたが、質問文のソースを自環境で動かすと正常にコンソールに出ています(下記のとおり)。
どういった環境で確認しているか記載頂けるとありがたいです。
------ 以下コンソールに出力された内容 ------
0
43
02
22
20
34
01
3
自己解決
