Я не могу сделать Array.from на моем изменении Eventlistener

Question

Я хочу сделать событие в моем диапазоне ввода с именем $aantalGrammys.В функции, которую я вызываю в eventListener, я хочу создать массив вызываемого массива объектов JSON.

const $aantalGrammys = document.querySelector(`.aantalGrammys`);
    $aantalGrammys.addEventListener(`change`, handleChangeAmount);
}

const handleChangeAmount = e => {
    const $aantalGrammys = document.querySelector(`.aantalGrammys`);
    if (e.target) {
        console.log(e.currentTarget.value);
    }
}

Я изменил некоторые вещи в своем коде с помощью некоторых комментариев, но на самом деле я этого не делаюзнать, как использовать проанализированные данные, которые я делал ранее, для чтения определенного массива моего проанализированного JSON. Вот измененный код и некоторые дополнительные строки, которые я не отображал раньше

 const createUserLine = grammy => {
     const $aantalGrammys = document.querySelector(`.aantalGrammys`);
     $aantalGrammys.addEventListener(`change`, handleChangeAmount);
 }



 const handleChangeAmount = e => {
     const $aantalGrammys = document.querySelector(`.aantalGrammys`);
         if(e.target){
             console.log(e.currentTarget.value);
         }
     }
 }

 const parseJson = () => {
     const url = `./assets/data/grammys.json`;

     fetch(url)
         .then(r => r.json())
         .then(parse);

     fetch(url)
         .then(r => r.json())
         .then(handleChangeAmount);
     }

const init = () => {
    const $form = document.querySelector(`form`);
    $form.noValidate = true;
    $form.addEventListener(`submit`, handleSubmitForm);

    parseJson();
};

init();