Javascript/Что я набираю - это то, что я вижу

Question

У меня есть поле ввода и пункт назначения < span>. Поэтому я хочу, чтобы типизированные данные отображались одновременно в моем пункте назначения < span> ... </span>.

button.onclick = function() { 
var newEvent = document.getElementById('event');//it's my input field 
var spanNewEvent = document.querySelector('dataEvent');//it's my destination place <span>...</span> 
newEvent.innerHTML = spanNewEvent.innerHTML;//does not work 

HTML-код:

<span class = "spanEvent" data-event= "spanEvent"></span> 
<form>...<input data-type-event="text" placeholder="Event" id="event">...</form> 

Пожалуйста, помогите! С этим слишком долго боролись. Заранее спасибо!

Answer 1

Это будет работать, вам нужно будет предоставить ваш диапазон идентификатор «DataEvent», чтобы сделать его проще:

var newEvent = document.getElementById('event');//it's my input field 
var spanNewEvent = document.querySelector('dataEvent'); 

    newEvent.addEventListener('keyup', showthereto); 

function showthereto() { 
    document.getElementById('dataEvent').innerHTML = this.value; 
} 

Answer 2

Введенные данные не будут отображаться одновременно, так как вы помещаете свой код в функцию onclick, поэтому вам нужно нажать кнопку, чтобы текст появился в span.

Вы также не выбор входа правильно, так, чтобы установить, что вам нужно использовать var spanNewEvent = document.querySelector('#event');

Кроме того, вы должны будете использовать value, чтобы получить данные из поля ввода, как это: newEvent.innerHTML = spanNewEvent.value;

Answer 3

document.getElementById("event").addEventListener("input", function() { 
    document.querySelector(".spanEvent").textContent = this.value; 
});