JSFiddle - React, Tailwind, and code Playground

HTML

<div id="exp_div"></div>

JavaScript

procedure = [
	[
  "content 1","content 2"
  ]
]

procedure.forEach(function(this_proc,index){
	$("#exp_div").append("<iframe id='trial"+index+"' width='800px' height='800px'></iframe>");
  trial_iframe_code = '';
  for(var i = 0; i < this_proc.length; i++){
  	  trial_iframe_code += "<iframe id='post"+i+"'></iframe>";
      
  }
  doc = document.getElementById('trial'+index).contentWindow.document;
	doc.open();
	doc.write(trial_iframe_code);
	doc.close();
  for(var i = 0; i < this_proc.length; i++){
  	trial_content = this_proc[i];
    console.dir(trial_content);
    doc = document.getElementById('trial'+index).contentWindow.document.getElementById('post'+i);
		doc.open();
		doc.write(trial_content);
		doc.close();
  }
})