JSFiddle - React, Tailwind, and code Playground

HTML

<div id="d" data="bla"></div> 
<p id="log">------Log------</p>

JavaScript

var log = document.getElementById('log')
var d = document.getElementById('d');
logger(d.data);
logger(d.getAttribute('data'));
d.setAttribute('data', 'crazy stuff');
logger(d.getAttribute('data'));
d.setAttribute('data', '?crazy&stuf=232&2323');
logger(d.getAttribute('data'));

function logger(l) {
    log.innerHTML += "<br>Log: " + l;
    console.log(l);
}