JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<button onclick="test();">Press Me</button>

CSS

body {
    font-family: Arial, sans-serif;
}

div {
    padding: 1em;
}

JavaScript

function test() {
    $.ajax({
        url: 'https://storage.googleapis.com/maps-devrel/google.json',
        type: 'GET',
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        async: false,
        success: function (data) {
            if (!document.getElementById('ajaxResponse')) {
                var div = document.createElement('div');
                div.id = 'ajaxResponse';
                document.body.appendChild(div);
            }
            var responseDiv = document.getElementById('ajaxResponse');
            responseDiv.innerHTML = "This is a div.";
        }
    });
   
}