Почему мой код JavaScript в выделении заголовка не может получить элемент?

Я давно работаю над калькулятором пи в javascript и наконец-то закончил. Проблема в том, что мой скрипт в разделе head:

document.getElementById("button").addEventListener('click', (function(){
    alert('Beginning…');
}), false);

И у меня есть это в моем разделе тела:

<input type="button" id="button" value="Calculate!!"/>

Но когда я открываю веб-страницу, я получаю следующую ошибку: «null не является объектом, вычисляя document.getElementById (« button »). AddEventListener»

Кто-нибудь знает, почему мой код не работает должным образом?

Спасибо.

Ответы на вопрос(3)

Ваш ответ на вопрос