點擊時的 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>

彈出：-

<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清除緩存。