JSFiddle - React, Tailwind, and code Playground

by queryj

HTML

<p data-food="potbelly" data-hobby="tennis">
    this is a pragraph.
</p>

JavaScript

var pa = document.getElementsByTagName("p")[0];
var a = pa.getAttribute("data-food");
var element = document.createElement("span");
element.innerHTML = "yipee";
document.body.appendChild(element);
console.log(a);

var t = pa.getAttribute("data-hobby");
element.innerHTML = t;
document.body.appendChild(element);