El codigo que estoy probando en codepen funciono, el mismo no funciona en webstorm. Nada parece funcionar, no aparece ningún error al hacer clic en el botón,
Ejemplo
const email = document.querySelector('.user-input'); const submit = document.querySelector('.btn0'); const error = document.querySelector('.mail-error'); const showError = () => { error.style.display = 'block'; }; if (submit) { submit.addEventListener('click', (e) => { e.preventDefault(); if (!email.value.match(/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/)) { return showError(); } document.getElementById("main0").style.display = "none"; document.getElementById("main1").style.display = "block"; }); } <div id="main0"> <input class="user-input" id="input-id" placeholder="Email" onblur=""> <p class="mail-error" style="display: none;">Please enter valid email</p> <div class="btn0" id="btn0id" onclick="">NEXT</div> </div> <div id="main1" style="display:none;"> <p> You now have access. <p> </div>