JSFiddle - React, Tailwind, and code Playground

by schlomm

HTML

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title></title>
    <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.2/js/esri/css/esri.css" />

    
    <script>var dojoConfig = { isDebug: true };</script>
    <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.2"></script>

 
    <style>
      #content { 
        width: 400px; height: 200px; padding: 5px; overflow: auto;
        border: solid 2px #AAAAAA; background-color: #FFFFFF;
        font-family: monospace;
        -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
        -moz-box-shadow: 0 0 0.5em black; -webkit-box-shadow: 0 0 0.5em black; -o-box-shadow: 0 0 0.5em black; box-shadow: 0 0 0.5em black;
      }
      .failure { color: red; }
      #status { font-size: 12px; }
    </style>

    <script>
      dojo.ready(function() {
        dojo.byId("url").value = "http://sampleserver5.arcgisonline.com/ArcGIS/rest/services/Energy/Geology/MapServer";
        dojo.byId("content").value = "";
        dojo.connect(dojo.byId("go"), "onclick", getContent);
      });
      
      function getContent() {
        var url;

        dojo.byId("content").value = "";
        dojo.removeClass(dojo.byId("content"), "failure");
        dojo.byId("status").innerHTML = "Downloading...";

        url = dojo.byId("url").value;
        if ( url.length == 0 ) {
          alert("Please enter a URL.");
          return;
        }
        
        var requestHandle = esri.request({
          "url": url,
          "content": {
            "f": "json"
          },
          "callbackParamName": "callback",
        });
        requestHandle.then(requestSucceeded, requestFailed);
      }
      
      function requestSucceeded(response, io) {
        var layerInfo, pad;

       ...