Почему Uncaught TypeError: Cannot set property 'innerHTML' of null at HTMLDocument.?

Question

[LevG0r]

Суть в том, что мне надо поменять текст элемента, но почему-то в консоли выдаётся ошибка Uncaught TypeError: Cannot set property 'innerHTML' of null at HTMLDocument.. Что делать?

document.addEventListener("DOMContentLoaded", _ => {
    document.getElementById("text_front").onchange.innerHTML = document.getElementById("text_field_front");
    document.getElementById("text_back").onchange.innerHTML = document.getElementById("text_field_back");
});

Answer 1

[Дмитрий Дерепко]

document.addEventListener("DOMContentLoaded", () => {
    document.getElementById("text_front").innerHTML = document.getElementById("text_field_front").innerHTML;
    document.getElementById("text_back").innerHTML = document.getElementById("text_field_back").innerHTML;
});

Comments

[LevG0r]

всё та же ошибка.

[Дмитрий Дерепко]

Вы уверены, что элементы с id text_front, text_back, text_field_front и text_field_back существуют?
Возможно, вы где-то написали не через нижнее подчеркивание, а через дефис?

[LevG0r]

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

[Дмитрий Дерепко]

LevG0r, можете.
pastebin, jsfiddle

[LevG0r]

Дмитрий Дерепко, https://jsfiddle.net/onsb37vw/
Вообще хотелось бы, чтобы текст отправлялся в поле по нажатию кнопки send, но пока хотя бы так реализовать.

[Дмитрий Дерепко]

https://jsfiddle.net/vmp3c8z7/