JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Project </title>
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>

<div id="main">
  <input type='button' onclick='changeText()' value='Change Text'/>
    <p>Change this text >>  <b id='boldStuff'> THIS TEXT</b> </p> 
</div>
<script type="text/javascript" charset="utf-8">
  // This loaded function in my actual code is a document listner checking for when Cordova is loaded which then calls the loaded function
  loaded();
  
 function loaded() {
	alert("loaded");
	changeText();
  }
  
function changeText() {
	alert("started");
	document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
    
</body>
</html>