JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<h3>
    DS Null Coalescing Test
    <UL>
        <li id='view'>test1</li>
        <li id='view1'>test2</li>
        <li id='view2'>test3</li>
        <li id='view3'></li>
        <li id='view4'></li>
        <li id='view5'></li>
        <li id='view6'></li>
        <li id='view7'></li>
    </UL>
    <h4>
        Notice how you never see 'empty string ??' and rather see an empty string returned?
    </h4>
</h3>

JavaScript

var view = null || 'Null View ||';
document.getElementById("view").innerHTML  = view;

var view = null ?? 'Null View ??';
document.getElementById("view1").innerHTML  = view;


var view = undefined || 'undefined view ||';
document.getElementById("view2").innerHTML  = view;

var view = undefined ?? 'undefined view ??';
document.getElementById("view3").innerHTML  = view;

var view = '' || 'empty string ||';
document.getElementById("view4").innerHTML  = view;

var view = '' ?? 'empty string ??';
document.getElementById("view5").innerHTML  = view;

var view = 0 || 100;
document.getElementById("view6").innerHTML  = view;

var view = 0 ?? 100;
document.getElementById("view7").innerHTML  = view;