JSFiddle - React, Tailwind, and code Playground

by Diego Vieira

HTML

<a href="/account" data-title="Minha conta" class="ajax">Minha conta /account</a>
<a href="/login" data-title="Minha conta" class="ajax">Login /login</a>
<a href="/logout" data-title="Minha conta" class="ajax">Logout /logout</a>
<a href="/register" data-title="Minha conta" class="ajax">Register /register</a>

<br> <br>

<h2>HistĂłrico</h2>
<div id="resultado"></div>

JavaScript

$(function(){
    $('.ajax').click(function(e){
        e.preventDefault();
        var url = $(this).attr('href');
        var titulo = $(this).data('title');

        window.history.pushState("", titulo, url);      
        
        $("#resultado").append("Local: " + window.location.pathname + "<br>");
        
    });
});