JSFiddle - React, Tailwind, and code Playground
by lavisha99
HTML
<div>
hello world
</div>
<div data-id='2' id="second">
hi
</div>
JavaScript
let div = document.querySelector('div');
//console.log(div);
div.setAttribute('data-id', '1');
div.setAttribute('class', 'box');
div.setAttribute('id', 'first');
console.log(div.getAttribute('data-id'));
function ulClick(i) {
console.log(e.isbn);
if (e.target.getAttribute('data-id') === "1") {
console.log("THe first div was selected.")
}
}
div.onclick = divClick;
/*div.addEventListener("click", divClick, false);*/
div = document.querySelector('#second');
/*div.addEventListener("click", divClick, false);
*/
div.onclick = divClick;