Javascript-поиск в JSON ⇐ CSS

[Anonymous]

Я совершенно новичок в JavaScript, и у меня возникла небольшая проблема.
Когда я пытаюсь получить значение элемента, оно работает правильно (консоль показывает значение нормально), но когда я пытаюсь добавить эту переменную в JSON, появляется сообщение:

"Необнаруженная ошибка типа: невозможно прочитать значения свойства неопределенного значения в XMLHttpRequest.request.onload."

Вот код:
// Create a request variable and assign a new XMLHttpRequest object to it.
var request = new XMLHttpRequest()

// Open a new connection, using the GET request on the URL endpoint
request.open('GET', 'https://raw.githubusercontent.com/david ... ouyou.json', true)

request.onload = function () {
// Begin accessing JSON data here

// Begin accessing JSON data here
var data = JSON.parse(this.response)

var kanji = document.getElementById("kanji").value;

console.log(kanji);

// document.getElementById("on").innerHTML = data.日.readings_on; ------ WORKS CORRECTLY
document.getElementById("reading").innerHTML = data.kanji.meanings; ------ DOESN'T WORK
document.getElementById("kun").innerHTML = data.kanji.readings_kun; ------ DOESN'T WORK
document.getElementById("on").innerHTML = data.kanji.readings_on; ------ DOESN'T WORK

**// IF INSTEAD OF kanji I will put something else for example 日 my code works as it should.**

}

request.send();


Подробнее здесь: https://stackoverflow.com/questions/641 ... ch-in-json