JSFiddle - React, Tailwind, and code Playground

HTML

<div id="output"></div>

JavaScript

function str2bool(strvalue){
  return (strvalue && typeof strvalue == 'string') ? (strvalue.toLowerCase() == 'true') : (strvalue == true);
}

function print(msg){
  var text = $('#output').html();
  $('#output').html(text + '<br>' + msg);
}

var test;
var test2 = null;
var test3 = 'undefined';
var test4 = 'true';
var test5 = 'false';
var test6 = true;
var test7 = false;
var test8 = 1;
var test9 = 0;

print("var test; // " + str2bool(test));
print("var test2 = null; // " + str2bool(test2));
print("var test3 = 'undefined'; // " + str2bool(test3));
print("var test4 = 'true'; // " + str2bool(test4));
print("var test5 = 'false'; // " + str2bool(test5));
print("var test6 = true; // " + str2bool(test6));
print("var test7 = false; // " + str2bool(test7));
print("var test8 = 1; // " + str2bool(test8));
print("var test9 = 0; // " + str2bool(test9));