Отображение содержимого input.value в режиме реального времени в .innerHTML

#javascript #css3 #html5

При вводе данных в input они должны сразу же отображаться в .innerHTML. Как это сделать?



var one = document.getElementById('one');
var here = document.getElementById('here');



var par = document.createElement('p');
par.innerHTML = parseInt(one.value);
here.appendChild(par);
#here {
  border: 1px solid #000;
  width: 150px;
  margin: 10px;
  line-height: 50px;
  text-align: center;
}





    

Ответы

Ответ 1

С помощью обработчика события input



document.getElementById('one').addEventListener('input', function() {
  document.getElementById('here').innerText = this.value;
});