Показ вводимого текста на странице через инпут

У меня есть простой инпут который принимает текст

<input type="text" placeholder="name" />

И есть span

<span id="name">Alice</span>

Есть ли какая-то возможность изменять текст внутри span? Чтобы он менялся на тот текст, который вводит пользователь в input-е?


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

Автор решения: Алексей Шиманский

let span = document.querySelector('#name');
document.querySelector('#test').addEventListener('input', () => {
  span.textContent = event.target.value;
});
<input type="text" placeholder="name" id="test" />


<span id="name">Alice</span>

→ Ссылка