JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript">
      function ChangeColor(obj) {
         obj.style.backgroundColor = "#00000";
      }
</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;
  padding: 5px;
    
}

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

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