Как получить данные из input?

Question

[Sacred133]

Изучаю javascript, пытаюсь научится получать данные из текстового поля input

<input type="text" class="yaba">
       <button class="bf">Нажать</button>
       <div class="rezult"></div>

document.querySelector('.bf').addEventListener('click', ()=>{
  let data = document.querySelector('.yaba').valve;
  document.querySelector('.rezult').innerHTML = data;
});

Вешаю событие на кнопку, получаю данные из поля с классом .yaba, по клику на кнопку передаю результат в блок div с классом .rezult. Ввожу данные в поле, нажимаю на кнопку, в div блоке .rezult, получаю undefined

Почему? Что не так? Спасибо

Answer 1

[ForSureN1]

не думаю что вальвы причастны к вашей неудаче, попробуйте все таки использовать свойство "value"

Comments

[Sacred133]

Спасибо

[ForSureN1]

Sacred133,
и да,
document.querySelector('.rezult')
Почему бы вам не поместить данную часть в переменную, так ведь куда удобнее, ведь возможно вы будете использовать данную строчку не раз