JSFiddle - React, Tailwind, and code Playground

by ocanal

HTML

<script type="text/javascript">
      function ChangeColor(obj) {
         obj.style.backgroundColor = "#bfcbd6";
      }
 </script>
<div id="navigation">
      <ul>
          <li><a onclick="Changecolor(this);" href="#">Home</a></li>
          <li><a onclick="Changecolor(this);" href="#">View</a></li>
          <li><a onclick="Changecolor(this);" href="#">About</a></li>
      </ul>
  </div>

CSS

#navigation ul {
  list-style-type: none;
}

#navigation li 
{
  float: left;
}

#navigation a
{
  background-color: #465c71;
}

#navigation a:hover
{
  background-color: #bfcbd6;
}