JSFiddle - React, Tailwind, and code Playground

HTML

<p>
  <span id="foo"></span>
  <br>
  <span id="bar"></span>
</p>

JavaScript

var obj = {name: "Antonia"};

var foo = obj.name ? obj.name : "foo";
var baz = obj.name || "baz";


$('#foo').text("foo: " + foo);
$('#bar').text("baz: " + baz);