Обновление письменного текста для ввода при вводе

Question

Мы все знаем систему StackOverFlow, которая в основном позволяет вам увидеть, как выглядит ваш письменный текст во время отправки вопроса.

Я ищу, чтобы создать это также на моем веб-сайте, и я хотел бы что-то начать.

Я, очевидно, не ожидаю, что вы напишете этот код для меня, но немного объясните, что мне нужно для этого, и как это будет работать.

Answer 1

Edit: Использование ваниль JS вместо JQuery

http://jsfiddle.net/wmjnaj6n/4/

HTML

<input type='text' id='input'> 
<div id='update'></div> 

Javascript

var element = document.getElementById('input'); 
var target = document.getElementById('update'); 
element.addEventListener('keyup', function() { 
    target.innerHTML = this.value; 
}); 

---

Для полноты JQuery ш ay будет:

$('#input').keyup(function() { 
     //do stuff here 
     $('#update').text($(this).val()); 
});