僅在多次單擊 X 按鈕后關閉警報 div

Question

<div class="alert">
        <span id="button" class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
        This is an alert box.
</div>

我嘗試使用警報 function 但我了解到您無法操作它所以我創建了一個警報 div 但我不知道如何實現標題。

Answer 1

您可以將點擊次數存儲在變量中，當達到一定限制時，您隱藏警報並重置計數器。

 let countClicks = 0; document.querySelector('#button').onclick = function() { countClicks++; if (countClicks === 3) { document.querySelector('.alert').classList.add('hidden'); countClicks = 0; } };

 .hidden { display: none; } #button { cursor: pointer; }

 <div class="alert"> <span>This is an alert box.</span> <span id="button" class="closebtn" role="button">&times;</span> </div>