JSFiddle - React, Tailwind, and code Playground

by lollero

JavaScript

var a = [1,2,3,4];
var b = [5,6,7];
var c = [8,9];

var x = [a,b,c];

// Loop chunks
for ( var chunkIndex=0; chunkIndex < x.length; chunkIndex++ ) {
	
	// Loop values;
  var array = x[ chunkIndex ];
  for ( var valIndex=0; valIndex < array.length; valIndex++ ) {
		var value = array[ valIndex ];
    var url = 'https://gist.github.com/joonaspaakko/414c4a43ac092f562e07e1642fa75dc5.pibb';
    var param = {
    	chunk: '?chunk=' + chunkIndex,
    	val: '&val=' + valIndex
    };
    url += param.chunk + param.val;
    placeIframe( url, value, chunkIndex );
  }
  
}

function placeIframe( url, value, chunkIndex ) {

  var iframe = $('<iframe src="'+ url +'"></iframe>');
  iframe.prependTo('body');
  iframe.on("load", function() {
    // var iframeBody = iframe.contents().find('body');
		console.log( 'Iframe-'+ value + ' from chunk-'+ chunkIndex +' loaded!');
  });
  
}