JSFiddle - React, Tailwind, and code Playground

by jikupin

HTML

<script src="https://code.jquery.com/jquery-3.2.1.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 value="bosnia_and_herzegovina">Bosnia and Herzegovina</option>
                                    <option value="belarus">Belarus</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 string;
var d = '';
var curTitle;
var location;
var state;
var country;
var sovereign;
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 = [];
var newArray;
var words;
var array; 
var cObject = 0;
months = new Set(["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]);
var dateToFormat = [];
newQuery();
spacetime.push({
    Article : {
      Title: [],
      Space : [],
      Time: {
        days : [], 
        months : [],
        years : [],
        suffixes : []
      }
    }
  });
function newQuery() {
  //console.log(JSON.stringify(JSON.parse(JSON.stringify(spacetime)), null, 4));
  jQuery.getJSON("https://en.wikipedia.org/w/api.php?action=query&list=embeddedin&eicontinue=2|"+myId+"&continue=-||&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;
      }
      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 =...