JSFiddle - React, Tailwind, and code Playground

by t2t2

HTML

<div id="test"></div>

<button id="click-target">
Load jsonp
</button>

JavaScript

document.getElementById('click-target').addEventListener('click', () => {
	const stag = document.createElement('script');
  stag.src = 'https://jsfiddle.net/echo/jsonp/?callback=jsonp_callback';
  
  const container = document.createElement('div');
  container.appendChild(document.createTextNode('Loading Data'));
  container.appendChild(stag);

	document.body.appendChild(container);
  
  processMutations(observer.takeRecords());
  console.log('end click listener');
});

function jsonp_callback(data) {
	console.log('jsonp_loaded', data);
}

const observer = new MutationObserver(processMutations);
observer.observe(document, { childList: true, subtree: true });
function processMutations(mutations) {
	mutations.forEach((mutation) => {
  	console.log(mutation.addedNodes.forEach(node => console.log(node.tagName)));
  });
}