Функция Javasctipt работает без вызова?

Question

Так что у меня только 6 строк кода в моем файле page.js, и они:

document.getElementById("desired").addEventListener("blur", gradeChange()); 
document.getElementById("calculate").addEventListener("click", gradeChange()); 

function gradeChange() {                
    var dog = document.getElementById("desired").value;        
    console.log(dog);                 
} 

И в моем page.html у меня есть:

<input id="desired" type="text"> 

и где-то еще:

<button id="calculate" type="button">Calculate</button> 

Я думал, что это будет работать без кнопки, так что, когда я набрал что-то в текстовом поле, а затем оставил текстовое поле, оно появится в журнале. Но ничего не появилось, поэтому я добавил кнопку, чтобы сделать ее более прямой. Тем не менее, он ничего не сделал в журнале. Любая идея, почему ничего не появляется?

Последний вопрос

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.

 Смежные вопросы

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.