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 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 = [];
spacetime.push({
    Title : [], 
    Space : [],
    Time: {
      days : [], 
      months : [],
      years : [],
      suffixes : []
    }
});
  regex = new RegExp(countries.join("|"), "i");
  var url="https://en.wikipedia.org/w/api.php?action=parse&disablelimitreport=true&format=json&prop=text&noimages=true&mobileformat=true&page=England&callback=?";
  $.getJSON(url,function(data){
    $.each(data, function(i, item) {
      if(item) {
        var newTitle = item.title;
        var wikiHTML = data.parse.text["*"];
        var $wikiDOM = $("<document>"+wikiHTML+"</document>");
        function doSelect(text) {
          return $wikiDOM.find(".infobox th").filter(function() {
            return $(this).text() === text;
          });
        }
        function doSelectRegion(text) {
          return $wikiDOM.find(".infobox t div ul li a").filter(function() {
            return $(this).text() === text;
          });
        }

        $wikiDOM.find(".infobox td div li a").each(function(){
        	var newtext = $(this).text();
          console.log(newtext);
          //console.log(newtext.match(regex));
        });

        location = doSelect("Location").siblings('td').text();
        sovereign = doSelect("Sovereign state").siblings('td').text(); 
        sovereignRegion = doSelectRegion("Sovereign state").find(".plainlist > ul > li >...