JS Вывод значения формы получает «undefined» в консоли

Question

Я пытаюсь создать форму, которая при отправке просто выведет два значения на консоль. Однако, когда я запускаю его, отображается только поле электронной почты, а в поле имени отображается только «undefined».

Я создал JSFiddle того, что у меня есть до сих пор.

https://jsfiddle.net/hbzxcvjj/1/

JS:

var name = document.getElementById("name"); 
var email = document.getElementById("email"); 
var submitButton = document.getElementById("btn-signup"); 

var sendInfo = function(){ 
console.log(name.value); 
console.log(email.value); 
} 
submitButton.onclick = sendInfo; 

Answer 1

попытки двигая определения переменных в функцию, это то, как он должен выглядеть:

var submitButton = document.getElementById("btn-signup"); 

var sendInfo = function(){ 
var name = document.getElementById("name"); 
var email = document.getElementById("email"); 
console.log(name.value); 
console.log(email.value); 
} 
submitButton.onclick = sendInfo; 

Answer 2

https://jsfiddle.net/hbzxcvjj/2/

видеть работу скрипку

Попробуйте с альтернативным методом:

submitButton.addEventListener("click", sendInfo);