huseyinyilmaz · January 23, 2019 17:23
diff --git a/index.html b/index.html
 <html>
  <body>
    <div class="givva" data-uid="23179deb-2160-0f01-986d-c9cd54c163cd"></div>
  <body>
      
 </html>
diff --git a/script.babel b/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');
      }
    }
  });
diff --git a/style.scss b/style.scss
 .givva {
  background-color: blue;
  color: white;
 }
diff --git a/vgypgv.markdown b/vgypgv.markdown
	<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');
	}
	}
	});