Когда я печатаю внутри входного значения, я хочу, чтобы это входное значение отображалось внутри тега span как текстовое содержимое, как я набираю

Question

Как мне увидеть входное значение внутри тега span, когда я печатаю?

let input = document.querySelector("input");
input.addEventListener("keypress", function(e) {
  let span = document.querySelector("span");
  span.textContent = input.value
})

<span></span>
<input type="text">

Answer 1

Используйте клавишу события, чтобы она реагировала на нажатие клавиши Backspace.

Answer 2

Используйте событие keydown вместо keypress, чтобы оно могло реагировать на нажатие backspace.Также добавьте setTimeout для отображения последней нажатой клавиши.

let input = document.querySelector("input");
input.addEventListener("keydown", function(e) {
  let span = document.querySelector("span");
  setTimeout(() => span.textContent = input.value);
})

<span></span>
<input type="text">