Не выводится значение из input

Question

Недавно начал изучать JS, перешел к функциям, в частности к return и столкнулся с такой проблемой.

let num = document.querySelector('input').value;
let btn = document.querySelector('button');

function suma(a) {
  return (a * a);
}
btn.onclick = () => {
  console.log(suma(num));
}

<input /><button>Click</button>

console возвращает 0, я знаю что значение можно вывести по другому, используя анонимную функцию, без всего этого. Но мне для обучения надо узнать, почему таким способом не получается, тем более, если в переменную num записать просто число, то все сработает.

Answer 1

Вы считываете значение из инпута во время загрузки страницы, когда он пустой.

let num = document.querySelector('input');
let btn = document.querySelector('button');

function suma(a) {
  return (a * a);
}
btn.onclick = () => {
  console.log(suma(+num.value));
}

<input /><button>Click</button>

БЛОГ НА HUSL

Не выводится значение из input

Ответы (1 шт):