HTMLのタグにデータを仕込む

• 同じjsを使いつつ、処理を出し分けたい時に使った。
• 注意！タグに書くのは小文字、大文字を書いても小文字になる。ただマイナスを入れるとjs側はマイナスのところは大文字になる（キャメルケースがケバブケースになる）
• I used it when I wanted to use the same js but separate the processes.

<article
  id="electric-cars"
  data-columns="3"
  data-index-number="12314"
  data-parent="cars">
...
</article>

const article = document.getElementById('electric-cars');

article.dataset.columns // "3"
article.dataset.indexNumber // "12314"
article.dataset.parent // "cars"

developer.mozilla.org