JSFiddle - React, Tailwind, and code Playground

HTML

<div class="clickable" id="firstDiv">first</div>
<div class="clickable" id="secondDiv">second</div>
<div class="clickable" id="thirdDiv">third</div>
<br>

<div id="heading">
</div>
<br> 
<a id="navigator" href="second.html">Next page</a>

JavaScript

(function() {
    var currentSelectedDiv;
    var heading = document.getElementById('heading');
    var navigator = document.getElementById('navigator');
    var divs = document.querySelectorAll('.clickable');
    
    for(var i=0; i<divs.length; i++) {
        divs[i].onclick = function(e) {
            var target = e.target;
            currentSelectedDiv = target.getAttribute('id');
            heading.innerHTML = ['You have selected ', currentSelectedDiv].join('');
        }
    }
    
    navigator.onclick = function(e) {
        e.preventDefault();
        var a = e.target;
        var href = a.getAttribute('href');
        href += '?previousPageDivId=' + currentSelectedDiv;
        alert(href);
    }
})();