JSFiddle - React, Tailwind, and code Playground

by Kenneth Kin Lum

HTML

<div id="foo" data-region="San Francisco">Hello</div>

<ul id="my-list">
  <li data-crypto-value="1.23">$51234</li>
  <li data-crypto-value="2.46">$102468</li>
</ul>

JavaScript

console.log(document.querySelector("#foo").dataset);

console.log(document.querySelector("#foo").dataset.region);


document.querySelectorAll("#my-list li").forEach(e => console.log(e.dataset.cryptoValue));