JSFiddle - React, Tailwind, and code Playground

HTML

<button>
  Get!
</button>

<div>
</div>

JavaScript

var btn = document.getElementsByTagName("button")[0];


btn.addEventListener("click", function(){
  downloadData(addContentToHtml);
});

function addContentToHtml(content){
  var asObj = JSON.parse(content);
  var div = document.getElementsByTagName("div")[0];
  for(var index in asObj){
    var node = document.createElement("span");               
    var textnode = document.createTextNode(asObj[index]);         
    node.appendChild(textnode);                              
    div.appendChild(node);
  }
  
}

function downloadData(doAtEnd){
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      doAtEnd(this.responseText);
      //document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("POST", "https://httpbin.org/post", true);
  xhttp.send();
}