JSFiddle - React, Tailwind, and code Playground

by marcoos

HTML

<h3>Known Favicons</h3>
<ul id="known"></ul>

<h3>New</h3>
<ul id="new"></ul>

CSS

h3 {
 margin-top: 2em;   
}

JavaScript

var imgSrcs = [
  'https://mozilla.org/',
  'https://google.com/',
  'https://wikipedia.org'
];

for (var i=0; i < imgSrcs.length; i++) {
    (function (i) {
      $.ajax({
        url: '/known/' + encodeURI(imgSrcs[i]),
        error: function (xhr, status, err) {
          $.post('/process', {favicon: imgSrcs[i]});
          $('#new').append('<li>' + imgSrcs[i]);        
        },
        success: function () {
          $('#known').append('<li>' + imgSrcs[i]);
        }});
    }(i))
}