JSFiddle - React, Tailwind, and code Playground

by doug65536

HTML

<form id="form" ><input id="search"><button id="start" type="submit" disabled>Search</button></form>
<p id="currentRequest"></p>
<div id="result"></div>

CSS

td {
    vertical-align: top;
}

JavaScript

$(function() {
    "use strict";
    
    var currentRequest = $('#currentRequest');
    
    var debug = false;
    
    function showProgress(stage, stages, done, total, url) {
        currentRequest.text(stage + ' of ' + stages + ' ' +
                            (100 * done / total).toFixed(0) + '% ' + url);
    }
    
    function cachedPost(url, data, callback, datatype) {
        /*
        var keyobject = {
            url: url,
            data: data,
            callback: callback,
            datatype: datatype
        };
        
        var keyjson = "scrape_" + JSON.stringify(keyobject);
        var page = localStorage.getItem(keyjson);
        if (page) {
            setTimeout(function() {
                callback(page);
            }, 1);
        } else {
            $.post(url, data, function(page) {
                try {
                	localStorage.setItem(keyjson, page);
                } catch (ex) {}
                callback(page);
            }, datatype);
        }
        */
        $.post(url, data, callback, datatype);
    }
    
    jQuery.ajaxPrefilter(function(options) {
        if (options.crossDomain && jQuery.support.cors) {
          options.url = (window.location.protocol === 'http:' ? 'http:' : 'https:') +
                        '//cors-anywhere.herokuapp.com/' + options.url;
              //'//127.0.0.1:8080/' + options.url;
        }
    });
    
    (function(DOMParser) {  
        "use strict";  
        var DOMParser_proto = DOMParser.prototype  
          , real_parseFromString = DOMParser_proto.parseFromString;
    
        // Firefox/Opera/IE throw errors on unsupported types  
        try {  
            // WebKit returns null on unsupported types  
            if ((new DOMParser).parseFromString("", "text/html")) {  
                // text/html parsing is natively supported  
                return;  
            }  
        } catch (ex) {}  
    
        DOMParser_proto.parseFromString = function(markup, type) { ...