JSFiddle - React, Tailwind, and code Playground

by angstrey

HTML

<div id="dataHolder" data-id="1" data-title="Developer" data-technology="HTML">
</div>

<dl>
    <dt>ID</dt>
    <dd id="recordId"></dd>
    <dt>Title</dt>
    <dd id="recordTitle"></dd>
    <dt>Technology</dt>
    <dd id="recordTechnology"></dd>
</dl>

JavaScript

var dataHolderElement = document.getElementById("dataHolder"),
    dataset = dataHolderElement.dataset,
    recordIdElement = document.getElementById("recordId"),
    recordTitleElement = document.getElementById("recordTitle"),
    recordTechnologyElement = document.getElementById("recordTechnology");

recordIdElement.textContent = dataset.id;
recordTitleElement.textContent = dataset.title;
recordTechnologyElement.textContent = dataset.technology;