JSFiddle - React, Tailwind, and code Playground

by BurpmanJunior

HTML

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

JavaScript

function urbanLookup(queryTerm,method){
  // check for empty term
  if(queryTerm != '' && queryTerm != undefined){
    // build cURL lookup
    queryAPI = "http://iamdanielcarter.com/dev/yanbot/2.0/urbanLookup.php?q=" + queryTerm + '&limit=253';
    $.getJSON(queryAPI, function(data){
      //var objectOutput = eval(data);
      // check for unfound query
      if(data != 'no page found'){
        var objectOutput = eval(data);
        // method returns
        switch(method){
          case 'meaning':
            $('#output').html(objectOutput['mergeMeaning']);
            break;
          case 'example':
            $('#output').html(objectOutput['mergeExample']);
            break;
          default:
            $('#output').html(objectOutput['summary']);
            break;
        }
      }else{
        $('#output').html('No definition found for "' + queryTerm + '"');
      }
    });
  }else{
    console.log('No query given');
  }
}

urbanLookup('boofy','meaning');