addEventListener при нажатии не работает в javascript

Question

Я пытаюсь отобразить всплывающее окно при нажатии кнопки; Но прослушиватель событий не работает. Вот мой код JavaScript: -

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);

});

Классы hideme и nowvisible (CSS Код)

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

Кнопка: -

<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>

Когда я нажимаю на кнопку, ничего не происходит введите описание изображения здесь

Answer 1

Очистите кеш, используя ctrl + f5.