test loading XHR content into an iframe

testframe.html

<div id='body'>
<h1>this is a header</h1>
  <iframe id='iframe' /> 
</div>

<p id='responseText'>

</p>

testframe.js

var website = 'https://notpibsb0j.execute-api.us-east-2.amazonaws.com/Prod/';
var xhttp = new XMLHttpRequest();

xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Typical action to be performed when the document is ready:
       console.log(xhttp.responseText);
       var iframe= document.getElementById('iframe').contentWindow.document
       iframe.open();
       iframe.write(xhttp.responseText);
       iframe.write('<p><strong>Test from Brian<strong></p>')
       iframe.close();
       $('#iframe').contents().find('body').append('<p>Test</p>');
    }
};

setTimeout( () => {
  xhttp.open("GET", website, true);
  xhttp.send();
}, 1000)