JSFiddle - React, Tailwind, and code Playground

by BurpmanJunior

HTML

<div id="output"></div>

JavaScript

function wikiLookup(queryTerm){
  // check for empty term
  if(queryTerm != '' && queryTerm != undefined){
    // build cURL lookup
    queryAPI = "http://iamdanielcarter.com/dev/yanbot/2.0/wikipediaCall.php?q=" + queryTerm;
    $.getJSON(queryAPI, function(data){
      var objectOutput = eval(data);
      // check for whitespace query
      if(objectOutput.query != undefined){
        var pageID = objectOutput.query.pages;
        // find first page output
        var endLoop = false;
        $.each(pageID, function(key, value){
          if(endLoop != true){
            if(key != -1){
              // page found
              var pageid      = key;
              var title       = value['title'];
              var paragraph   = value['extract'];
              var url         = 'http://en.wikipedia.org/wiki?curid=' + pageid;
              var outputText  = title + ' : <a href="' + url + '">' + url + '</a><p>' + paragraph + '</p>';
              $('#output').html(outputText);
              console.log('Page found: ' + title + ' : ' + url);
              var endLoop = true;
            }else{
              // no page found
              $('#output').html('no pages found');
              var endLoop = true;
            }
          }
        });
      }else{
        console.log('No query given');
      }
    });
  }else{
    console.log('No query given');
  }
}

wikiLookup('');

//http://en.wikipedia.org/wiki/Special%3aApiSandbox#action=query&prop=extracts&format=json&exchars=250&exsentences=2&exlimit=1&exintro=&explaintext=&exsectionformat=plain&iwurl=&titles=Stack%20Overflow&redirects=