js Вывести введенные данные из input в html value="вот сюда"

Я новичок в js. don't push me pls.

Есть такой код:

<input class="out" type="hidden" name="key" value="">

<li>
    <label>
           <input class="t-add" type="text" placeholder="Введите номер">
    </label>
           <button class="btnsub" onclick="addT()">Добавить в виджет</button>
</li>

<script>
function addT() {
document.querySelector('.btnsub').addEventListener('click', ()=>{
    let data = document.querySelector('.t-add').value;
    // document.querySelector('.out').innerHTML = data;
    document.querySelector('.out').innerHTML = value("");
})}
</script>

Нужно взять данные введенные из класса t-add, и внести в html value="вот сюда".

UPD: А как можно сделать чтобы "Автоматически" данные выводились в Value? Тоесть чтобы не нажимать btn.

function addT() {
  let data = document.querySelector('.t-add').value;

  document.querySelector('.out').value = data;
}