html javascript data attributes
/* index.html
<div
id="test-div"
data-first-name="Tom"
data-last-name="Mot"
data-active
></div>
*/
// Reading
const div = document.getElementById("test-div");
console.log(div.dataset);
/*
{
active: ""
firstName: "Tom"
lastName: "Mot"
}
*/
// Writing
const div = document.getElementById("test-div");
div.dataset.test = "Hello World!";
console.log(div.dataset.test); // Hello World