JSFiddle - React, Tailwind, and code Playground

by guyluchenbill

HTML

<div id='output'></div> 
<ul id='ex'></ul>

CSS

li.pass { color: green; }
li.fail { color: red; }

JavaScript

var $ = function(id) { 
   return document.getElementById(id);  
}; 

function assert(value, desc) { 
    
    var ex = $('ex'), 
        li = document.createElement('li'); 
    
    li.className = value ? 'pass' : 'fail'; 
    li.appendChild(document.createTextNode(desc)); 
    ex.appendChild(li);        

}
assert(true, 'hi wtf'); 
assert(false, 'wtf hi'); 


/* ----------------------------------
~~ Ternary If Statement 
(a === b) ? 'success' : 'fail'; 

~~ Ternary variable declaration  
a = b ? 'success' : 'fail'; 
   ---------------------------------*/