Как сделать очистку input после нажатия кнопки?

Question

[Ivan Vasilievich]

Добрый день! У меня есть поле input, в котором вводятся число. Функция работает нормально, но вот очистить инпут не могу. Заранее спасибо за ответ!
Только-только начинаю:)

let out = document.querySelector('.out-9');

function t9() {
	let data = document.querySelector('.i-9').value;
	out.innerHTML = data;
	data.value = '';
  
}

document.querySelector('.b-9').onclick = t9;

Answer 1

[Rasul]

Я сделал вместо data.value= '', вот так document.querySelector('.i-9').value = '';

https://codepen.io/skytner/pen/vYrQJor?editors=1111

Answer 2

[otdameskapizm]

Вот так. Оберни все свои элементы в <form type="submit">

const elements = {
  'form': document.querySelector('form'),
  'text': document.querySelector('.out-9'),
  'input': document.querySelector('.i-9'),
}

elements.form.addEventListener('submit', (event) => {
  event.preventDefault();
  const data = elements.input.value;
  elements.text.innerHTML = data;
  elements.form.reset();
});

Хотя и здесь я бы поспорил, поскольку обработчики состояния должны менять Model, а не View. Но так просто легче понять