Почему внутри функции не переопределяется переменная? JS

function getYourHWA(idElement){
    let value = 0;
    idElement.addEventListener('change', (e) => {
    value = +e.target.value; 
    console.log(value) // введенное значение в input
});
    console.log(value); // 0
};

Вопрос. Почему не сохраняется значение введенное в input. Как это значение вывести из функции? Кстати, например если я сделаю так, то будет undefined, почему?

function getYourHWA(idElement){
    idElement.addEventListener('change', (e) => {
    let value = 0;
    value = +e.target.value;
    return value
    });
};
console.log(getYourHWA(input_block)) // undefined

Если можно вариант как это делают нормальные люди, а не как я учусь