Submit button is not working!

JavaScript
1

I want to show an alert pop-up ! when the user click the submit button …
but its not showing the alert :frowning:

2

There is a console in codepen (I think bottom right corner), see if you see any errors there

3

i didn’t understand !!

4

You’ve attached two event listeners:

form.addEventListener('submit', function(){
    button.addEventListener('submit', function(){
        if(User_input.value === '' && Pass_input.value === ''){
            alert('Fields are empty');
        }
    })
})

If you remove the button event listener, the alert will show up.

2 Likes
5

well thank you so much man!! it literally work 's … but I don’t understand … why it doesn’t apply on the button ??

6

You’ve nested your eventListeners inside each other, so what you’ve written is that “if someone submits the form, add an eventListener to my button”, not “if someone submits the form, check the input fields and show an alert”.