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

Рейтинг: 0Ответов: 1Опубликовано: 19.01.2023

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

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

И есть span

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

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

javascript html
Источник: Stack Overflow на русском

Ответы

▲ 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>