JSFiddle - React, Tailwind, and code Playground

HTML

<header id="linkLabel"></header>
<a href="#" id="backButton">Back</a>
<ul id="navigationList">
   <li>
      <a href="#">Something</a>
   </li>
   <li>
      <a href="#">Something1</a>
   </li>
   <li>
      <a href="#">Something2</a>
   </li>
   <li>
      <a href="#">Something3</a>
   </li>
</ul>

JavaScript

(function ($) {
    var navStack = [];
    
    $('#navigationList a').click(function (event) {
        var el = $(event.target),
            label = el.text();
    
        if (navStack[navStack.length - 1] !== label) {
            navStack.push(label);
            updateView();
        }
    });
    
    $('#backButton').click(function () {
        navStack.pop();
        updateView();
    });

    function updateView() {
        $('#linkLabel').text(navStack[navStack.length - 1] || '');   
    }
}(jQuery));