huseyinyilmaz/index.html

## index.html
<html>
  <body>
    <div class="givva" data-uid="23179deb-2160-0f01-986d-c9cd54c163cd"></div>
  <body>

</html>

## script.babel
document.addEventListener(
  "DOMContentLoaded",
  () => {
    const el = document.querySelector('.givva');
    if (!el) {
      console.log('Cannot find root element with .givva class');
    } else {
      const uid = el.getAttribute('data-uid');
      if (!uid) {
        console.log('Element with .givva class do not have data-uid attribute.');
      } else {
        el.innerHTML = ('uid found: ' + uid);
        console.log('Write completed successfully');
      }
    }
  });

## style.scss
.givva {
  background-color: blue;
  color: white;
}

## vgypgv.markdown

      
    Raw
  

              vgypgv.markdown
            
          
    VgYPgV

A Pen by Huseyin Yilmaz on CodePen.
License.
	<html>
	<body>
	<div class="givva" data-uid="23179deb-2160-0f01-986d-c9cd54c163cd"></div>
	<body>

	</html>
	document.addEventListener(
	"DOMContentLoaded",
	() => {
	const el = document.querySelector('.givva');
	if (!el) {
	console.log('Cannot find root element with .givva class');
	} else {
	const uid = el.getAttribute('data-uid');
	if (!uid) {
	console.log('Element with .givva class do not have data-uid attribute.');
	} else {
	el.innerHTML = ('uid found: ' + uid);
	console.log('Write completed successfully');
	}
	}
	});