输入未在控制台中显示其值

Question

I have written this:

var $emailLogin = document.querySelector('#emailLogin')
var Email = ''

function emailLogin () {
    Email = this.value
}

$emailLogin.addEventListener('input', emailLogin)

function myFunction() {
    console.log(Email)
}

$loginBtn.addEventListener('click', MyFunction)

But console doesn't show input's value

It's empty like shown. I have no idea how to fix it

Answer 1

You should try and avoid global variables. The following will get you what you want without any "collateral damage" to the global name space:

 document.querySelector('#button').addEventListener('click',function(ev){ console.log( document.querySelector('#emailLogin').value ) })

 <input type="text" id="emailLogin"><button id="button">login</button>

Answer 2

In JavaScript, you could try this:

document.getElementById('ButtonID').addEventListener('click',function(){
console.log(document.getElementById('emailLogin').value);
});