JSFiddle - React, Tailwind, and code Playground

HTML

<div id='card2'>

</div>
<iframe id='myFrame2'>

</iframe>

JavaScript

$( document ).ready(function() {

 $('#card2').html( '<iframe id="myFrame"></iframe>' );
 $("#myFrame").attr('src', 'about:blank');
 
 $("#myFrame").on('load', function(e) {
   var myFrame = $("#myFrame").contents().find('body');
   myFrame.append('<p>11111111OH NO TOKEN IS FOR myFrame Original</p>');
});

var myFrame2 = $("#myFrame2").contents().find('body');

  myFrame2.append('<p>OH NO TOKEN IS FOR myFrame 2 ');

});