Николай Санников

Насколько я помню, лучшей практикой считается, в данном случае добавить класс "hide", и туда прописать display:none; overflow:hidden; width: 0; height:0;
А потом тоглить класс hide, поскольку основной класс ты можешь использовать где нибудь еще, и забыть про то, что он у тебя меняет display, а hide класс говорящий и специально так не назовешь

Выше уже написали, как перехватывать события, я добавлю только, что если хочешь вместо стандартного alert выводить свое предупреждение, то используй библиотеки или фреймворки, типа material tailwind css например, намного проще, чем писать свои стили, быстро подключить и настроить.