When I am in the site editor, the 2 html scripts run just fine and do what they are supposed to do but when I publish the site and head to the page, only 1 element shows up and there is nothing displayed for the other element. Included screenshots in editor and the published page. Also, here is the code running (which runs fine in any html editor):
<!DOCTYPE html>
<html>
<body onload="loadDoc()">
<div id="info">
</div>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
var info = JSON.parse(this.responseText);
var launches = info.launches[0];
var mission = launches.missions[0];
var detail = mission.description;
document.getElementById("info").innerHTML = detail;
}
};
xhttp.open("GET", "https://launchlibrary.net/1.4.1/launch?agency=121&next=1&mode=verbose", true);
xhttp.send();
}
</script>
</body>
</html>
