JSFiddle - React, Tailwind, and code Playground

by sn33kyp3t3

HTML

<div id="myAwesomeWidget" data-widget='{"status":"awesome","code":"thumbsup"}'>
  This is my widget with element data
</div>

CSS

em{
    font-weight:bold;
    color: hotpink;
}

JavaScript

widgetData = $("#myAwesomeWidget").data("widget");


console.log(widgetData);

$("#myAwesomeWidget").append("<em>"+widgetData.status+"</em>");