点击时的 addEventListener 在 javascript 中不起作用

Question

I am trying to display a pop up when a button is clicked; But the event listener is not working. Here's my JavaScript code:-

var button = document.getElementById("letsfloat");
var ppt = document.getElementById("popUpMain");
console.log(button);
console.log("hi");
console.log(ppt);
button.addEventListener("click",function(){
    console.log("yo");
    ppt.classList.toggle("hideme");
    ppt.classList.toggle("nowvisible");
    //ppt.style.visibility = "visible"
    setTimeout(function(){
        console.log("bye");
        ppt.classList.add("hideme");
        ppt.classList.remove("nowvisible");
    },40000);

});

Classes hideme and nowvisible (CSS Code)

.hideme{
    display: none;
    visibility: hidden;
}
.nowvisible{
    float:inherit;
    visibility: visible;
    display: block;
}

Button:-

<div class="fixed-bottom">
<button type="button" id="letsfloat" name="button" class="btn btn-primary btn-lg  border-0 float-right" >Why are we No.1</button>
</div>

POPUP:-

<div id="popUpMain" class="hideme">
      <div id="popup">
        <h1 id="newsHeading" style="text-align: center;"> Why are we Number One</h1>
      </div>
    </div>

When I click on the button, nothing happens

Answer 1

Clear the cache using Ctrl + F5 .