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 = 2340360;
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;
      
jQuery.getJSON("https://en.wikipedia.org/w/api.php?action=query&list=embeddedin&eicontinue=2|"+myId+"&eilimit=2&noimages=true&mobileformat=true&eititle=Template:Infobox&callback=?", {
  disablelimitreport: true,
  format: "json"
}, function(data) {
  jQuery.each(data.query.embeddedin, function(i, item) {
  wikiText();
  if (i===data.query.embeddedin.length-1) {
  myId = item.pageid;
    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) {
    jQuery.each(data.query.embeddedin, function(i, item) {
    if (i===data.query.embeddedin.length-1) {
    myId = item.pageid;
    function explode(){
            newQuery();
    }
    setTimeout(explode, 10000);
    }
      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="+ myTitle + "&callback=?";
  $.getJSON(url,function(data){
    jQuery.each(data, function(i, item) {
      curTitle = item.title;
      langList = item.langlinks;
    });
    wikiHTML = data.parse.text["*"];
    $wikiDOM = $("<document>"+wikiHTML+"</document>");
    function doSelect(text) {
      return $wikiDOM.find(".infobox th").filter(function() {
        return $(this).text() === text;
      });
    }
    if (doSelect('Location').length > 0 && doSelect('Date').length > 0 || doSelect('State').length > 0 && doSelect('Date').length > 0) {
     countryLinks = doSelect("Location").siblings('td').find('a').attr('href');
    ...