Question

0

172

Views

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 answers

Answer question

0

Answer question

Find remote jobs

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

172

Code works perfectly on codepen but not in webstorm

2 answers

0

0

Find remote jobs

Andres GPT