JSFiddle - React, Tailwind, and code Playground

HTML

<body leftmargin=0 rightmargin=0 bgcolor=#ffcc99 text=#993300 link=#993300 vlink=#996633>
<br>
<table width=100% border=0 cellpadding=0 cellspacing=0>
  <tr>
    <td width=95% align="right" bgcolor=#ffffff><img src="castaway_logo.jpg">
    <br>
    <font face=arial>Vacations, LLC</font></td>
    <td bgcolor=#ffffff>&nbsp;</td>  
</tr>
</table>
<br><br>
<div align="center">
<table width=600>
  <tr>
    <td width=300 valign="top">
       <font face=arial size=3><b><i>Select Mood...</i></b></font><br><br>
       <font face=arial>
       <a id="one" href="#">Romantic</a><br><br>
       <a id="two" onClick="change_color2();" href="#">Adventure</a><br><br>
       <a id="three" onClick="change_color3();" href="#">Relaxation</a><br><br>
       <a id="four" onClick="change_color4();" href="#">Family</a><br><br><br><br>
       <a href="#">Request A Brochure...</a>
       </font>
    </td>
    <td align="center"><img id="rom_main.jpg" src="orig_main.jpg"><br><i>Your Vacation Awaits!
  </tr>
</center>
</body>

JavaScript

document.getElementById('one').addEventListener('click', function() {
	document.body.style.color = 'red';
});

document.getElementById('two').addEventListener('click', function() {
	document.body.style.color = 'blue';
});

document.getElementById('three').addEventListener('click', function() {
	document.body.style.color = 'green';
});

document.getElementById('four').addEventListener('click', function() {
	document.body.style.color = 'orange';
});