Cannot read property 'value' of null (JavaScript)

133

08 февраля 2022, 07:40

Решил попробовать изучить JavaScript. У меня есть текстовое поле: с ID "login-area"

И кнопка: с ID "click-button"

Попробовал на JS получить текст поля при нажатии на кнопку и вывести текст в консоль:

document.getElementById('click-button').onclick = click();
function click()
{
    'use strict';
    var Login = document.getElementById('login-area').value;
    console.log(Login);
}

Но мне выдавало ошибку:

Answer 1

В коде несколько проблем:

Лишний вызов функции
```
document.getElementById('click-button').onclick = click();
```
в данном случае, не нужны () так как нужна сама функция, а не результат ее вызова
ошибка в заголовке относится к строке
```
var Login = document.getElementById('login-area').value;
```
это говорит о том, что в момент выполнения данной функции элемента еще нет на странице.

Вполне вероятно, что при исправлении первого пункта, автоматически исправится и второй, так как вызов обработчика будет происходить когда вся разметка уже будет доступна.