JSFiddle - React, Tailwind, and code Playground

by Ashutosh181094

HTML

<com-sap-sample-helloworld5></com-sap-sample-helloworld5>

JavaScript

(function()  {
    
    
    //let coreJS=document.createElement('script');
    //coreJS.src='https://www.amcharts.com/lib/4/core.js';
    //document.head.appendChild(coreJS);
    
    //let chartsJS=document.createElement('script');
    //chartsJS.src='https://www.amcharts.com/lib/4/charts.js';
    //document.head.appendChild(chartsJS);
    
    //let animatedJS=document.createElement('script');
    //animatedJS.src='https://www.amcharts.com/lib/4/themes/animated.js';
    //document.head.appendChild(animatedJS);
    
    const amchartscorejs = "https://www.amcharts.com/lib/4/core.js";
    const amchartschartsjs = "https://www.amcharts.com/lib/4/charts.js";
    const amchartsanimatedjs = "https://www.amcharts.com/lib/4/themes/animated.js";
    const vennchartjs="https://cdn.amcharts.com/lib/4/plugins/venn.js"; 
    
    
     async function LoadLibs() {
     console.log("LoadLibs");
					try
          {
						
						await loadScript(amchartscorejs);				
						await loadScript(amchartschartsjs);				
						await loadScript(amchartsanimatedjs);
            await loadScript(vennchartjs);
					} 
          catch (e) 
          {
						alert(e);
					} 
          finally 
          {
					that._firstConnection = 1;
					}
				}
        console.log("laura");
				LoadLibs();
        
    
     function loadScript(src)
    {
    console.log("LoadScript");
	  return new Promise(function(resolve, reject) 
    {
		let script = document.createElement('script');
		script.src = src;

		script.onload = () => {console.log("Load: " + src); resolve(script);}
		script.onerror = () => reject(new Error(`Script load error for ${src}`));

		document.head.appendChild(script)
	  });
	}

    
   
                
    
   
  
  
        
        
        
	
   
	
    let template = document.createElement('template');
	
  
  
  
  template.innerHTML = `
  <div id="chartdiv" width="100%" height="500px">
			
		</div>
  `;

    
   
	
    
    
   ...