JSFiddle - React, Tailwind, and code Playground

by Plippie Plop

HTML

<h3>Check variable using ternary</h3>
<p class="test">output:<br></p>

CSS

body {
  font-family: 'Roboto';
}

JavaScript

var a;
var b = null;
var c = "TEST";
var d = 1;
var e = -1;
var f ="" ;
var g = false;
var z = a ? " A has val" : "A no val";
var zz = b ? "B has val" : "B no val";
var zzz = c ? "C has val" : "C no val";
var zzzz = d ? "D has val" : "D no val";
var zzzzz = e ? "E has val" : "E no val";
var zzzzzz = f ? "F has val" : "F no val";
var zzzzzzz = g ? "G has val" : "G no val";



//when ready
document.addEventListener("DOMContentLoaded", function(event) {

  var test = document.getElementsByClassName("test");
  test[0].innerHTML += z + '<br>' + zz + '<br>' + zzz + '<br>' + zzzz + '<br>' + zzzzz + '<br>'+ zzzzzz +'<Br>'+zzzzzzz;


});