JSFiddle - React, Tailwind, and code Playground
HTML
Here we are:
<div id="results"></div>
JavaScript
var $message_area = jQuery('#results');
$message_area.children().remove();
jQuery(document).ready(function() {
$message_area.html('<i>Validating page...</i> ');
jQuery.get('http://lint.brihten.com/html/lint/', {url:'http://openconcept.ca'}, function(data) {
alert('test');
if (data.length === 0) {
$message_area.append('<p>Error?</p>');
}
jQuery.each(data, function(key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
$message_area.append('<p>In ' + data.status + ' (' + data.mistakes + '), your district is <b>' + data.mistakes.code + '</b>.</p>');
});
jQuery('<ul/>', {
'class': 'my-new-list',
html: items.join('')
}).appendTo('body');
});
});