Question

0

164

Vistas

Code works perfectly on codepen but not in webstorm

The code that am trying in codepen worked, the same one does not work in webstorm. Nothing seem to work no error showing when clicking on button,

Example

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>

about 4 years ago · Santiago Gelvez

2 Respuestas

Responde la pregunta

0

Responde la pregunta

Encuentra empleos remotos

Answer 1 · 2022-06-24T20:38:58.710Z

document.addEventListener("DOMContentLoaded", function(event) {
    // put your code here
});

Answer 2 · 2022-06-24T20:38:58.721Z

Fixed by adding "defer" when linking to the external script file, now everything works fine.

<script src="script.js" defer></script>

0

164

Code works perfectly on codepen but not in webstorm

2 Respuestas

0

0

Encuentra empleos remotos

Andres GPT