JSFiddle - React, Tailwind, and code Playground

by Alex Azuero

HTML

<!DOCTYPE html>  
    <html>  
      
    <head>  
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
      <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />  
      <title>Drop Down Test</title>  
      <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/dojo/dijit/themes/claro/claro.css">     
      <link rel="stylesheet" href="http://js.arcgis.com/3.10/js/esri/css/esri.css">  
      <style>  
        html,  
        body,  
        #mainWindow {  
          height: 100%;  
          width: 100%;  
          margin: 0;  
          padding: 0;  
        }  
        body {  
          background-color: #FFF;  
          overflow: hidden;  
          font-family: "Trebuchet MS";  
        }  
        #header {  
          height: 3%;  
          overflow: auto;  
        }  
      </style>  
      <script>  
        var dojoConfig = {  
          parseOnLoad: true  
        };  
      </script>  
      <script src="http://js.arcgis.com/3.10/"></script>  
      <script>  
        var map;  
        require([  
          "esri/map",  
          "dojo/on",  
          "esri/tasks/query",  
          "esri/layers/FeatureLayer",  
          "dojo/store/Memory",  
          "dojo/_base/array",  
          "dojo/_base/lang",  
          "esri/request",  
          "dojo/json",  
          "dijit/layout/BorderContainer",  
          "dijit/layout/ContentPane",  
          "dijit/form/Button",  
          "dijit/form/ComboBox",  
          "dojo/domReady!"  
        ], function(  
          Map, on, Query, FeatureLayer, Memory, array, lang, esriRequest, json  
        ) {  
          map = new Map("map", {  
            basemap: "topo",  
            center: [-120.1883, 37.0868],  
            zoom: 6  
          });  
             
          var zipcodes = new FeatureLayer("http://129.2.24.163:6080/arcgis/rest/services/GEOG655_S2016/AAZUERO_DHS/MapServer/0", {  
            mode:...