JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width: inherit;">
    <tr>
        <td style="width: 220px;">
             <h2 style="text-align: center;">titlehere</h2>

            <div id="menubody" />
        </td>
        <td>
            <h1 id="contenttitle"></h1>
            <div id="contentbody"></div>
        </td>
    </tr>
</table>

JavaScript

var title = [
     "&lt;p&gt;",
     "&lt;div&gt;"];
 var body = [
     "&lt;p&gt; is for text",
     "&lt;div&gt; is for cool text"];

 function change(i) {
     document.getElementById("contenttitle").innerHTML = title[i];
     document.getElementById("contentbody").innerHTML = body[i];
 }
 change(0);