When I click on the tag reference id it does not call the page I want

Question

I can’t make it work at all...!

<script>
    document.getElementById("ClicouNaTag").addEventListener(
        "click",function() {
            window.location.href = "vaiparaessapagina.php";
        }
    );  
</script>

Answer 1

The Author of the Question informed that it has the following code snippet:

<li class="nav-item">
    <a id="ClicouNaTag" class="nav-link" href="index.php">
        <em class="fa fa-address-card"></em>Vaiparaessapagina</a>

The code for page change is as follows:

document.getElementById("ClicouNaTag").addEventListener(
    "click",function() {
        window.location.href = "vaiparaessapagina.php";
    }
);  

The problem is that the element a#ClicouNaTag has the attribute href that causes the redirect to be done to the page itself. Thus, this redirection will prevent the event click be sued.

It is important to remember that in many cases where we use capture of events in Javascript, we must prevent the standard action of the element through the method event.preventDefault().

Change your code to:

document.getElementById("ClicouNaTag").addEventListener(
    "click",function(event) {
        event.preventDefault();
        window.location.href = "vaiparaessapagina.php";
    }
);  

And since you won’t be using the href="index.php", I would replace that stretch with # or by javascript: void(0).

Thus:

 <a id="ClicouNaTag" class="nav-link" href="#">...