JSFiddle - React, Tailwind, and code Playground

by jikupin

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
                                <select name="usp-custom-3" id="usp-custom-3" data-required="true" class="usp-input usp-select usp-form-365 country_select" required="required">
                                    <option value="afghanistan">Afghanistan</option>
                                    <option value="angola">Angola</option>
                                    <option value="albania">Albania</option>
                                    <option value="united_arab_emirates">United Arab Emirates</option>
                                    <option value="argentina">Argentina</option>
                                    <option value="armenia">Armenia</option>
                                    <option value="antarctica">Antarctica</option>
                                    <option value="french_southern_and_antarctic_lands">French Southern and Antarctic Lands</option>
                                    <option value="australia">Australia</option>
                                    <option value="austria">Austria</option>
                                    <option value="azerbaijan">Azerbaijan</option>
                                    <option value="burundi">Burundi</option>
                                    <option value="belgium">Belgium</option>
                                    <option value="benin">Benin</option>
                                    <option value="burkina_faso">Burkina Faso</option>
                                    <option value="bangladesh">Bangladesh</option>
                                    <option value="bulgaria">Bulgaria</option>
                                    <option value="the_bahamas">The Bahamas</option>
                                    <option...

CSS

li {
  margin-bottom: 10px;
}

#usp-custom-3 {
  display: none;
}

JavaScript

var myId = 2340362;
var myTitle = "hello";
var langList;
var countryLinks;
var wikiHTML;
var $wikiDOM;
var subCount;
var newString;
var string;
var titleName;
var d = '';
var curTitle;
var titleOut;
var location;
var state;
var country;
var sovereign;
var dateSave = [];
var titleSave = [];
var countries =  [];
var countryList = $("#usp-custom-3 option");
countryList.each(function() {
  var singleNat = $(this).text();
  if(singleNat == "United States of America") {
    singleNat= "United States";
  }
  countries.push(singleNat);
});
var regex;
var dateText;
var location;
var sovereign; 
var country; 
var state;
var numberOfCalls = 0;
var result;
var counter = 0;
var numArticles = 0;
var curNation = [];

var spacetime = [];
spacetime.push({
    Title : [], 
    Space : [],
    Time : []
});

newQuery();

function newQuery() {
  jQuery.getJSON("https://en.wikipedia.org/w/api.php?action=query&list=embeddedin&eicontinue=2|"+myId+"&eilimit=500&noimages=true&mobileformat=true&eititle=Template:Infobox&callback=?", {
    disablelimitreport: true,
    format: "json"
  }, function(data) {
    $.each(data.query.embeddedin, function(i, item) {
      counter++;
      curTitle = item.title;
      if (i===data.query.embeddedin.length-1) {
        myId = item.pageid;
        myTitle = item.title;
        //console.log(myId);
        //console.log(counter);
      }
      wikiText();
    });
  });
}

function wikiText() {
  var url="https://en.wikipedia.org/w/api.php?action=parse&disablelimitreport=true&format=json&prop=text|langlinks&noimages=true&mobileformat=true&page="+ curTitle + "&callback=?";
  $.getJSON(url,function(data){
    $.each(data, function(i, item) {
      curTitle = item.title;
      langList = item.langlinks;
      myId = item.pageid;
      numArticles++;

      if (counter === numArticles) {
        newQuery();
      }

      var wikiHTML = data.parse.text["*"];
      var $wikiDOM = $("<document>"+wikiHTML+"</document>");
     ...