Как сделать дублирование текста при печати?

Question

[Odinokun]

Доброго времени суток.
Подскажите плз, как сделать, что бы у меня при вбивании текста в форму/div, происходило параллельное дублирование во втором div`e.

Answer 1

[D']

Как-то так
А вообще гуглить по запросу "javascript data binding"

Comments

[Odinokun]

Спасибо. Я просто не знал куда копать.

[D']

Вообще если ничего сложного не нужно, то можно просто, как посоветовали ниже, использовать keyup и копировать в соседний див.
Но если потом нужно будет расширить решение, то гуглим "javascript two way data binding" и читаем.

[Odinokun]

Я пошел по пути "keyup" вернее "keypress" т.к. мне нужна именно водимая буква а не код нажатой кнопки.
получилось что-то вроде этого codepen.io/anon/pen/JdvoJg
но не могу понять как сделать, что бы выведенные в сером блоке буквы не пропадали а складывались в слово.

[D']

Дмитрий: Так codepen.io/anon/pen/WvJbzz

[Odinokun]

D' Normalization: спасибо огромное.

Answer 2

[Виктор Виктор]

На keyup копировать тескст во второй див?

Answer 3

[Ян Дацюк]

Посмотри как можно сделать на AngularJS - www.w3schools.com/angular/tryit.asp?filename=try_n...
И, в общем - рекомендую решать вопросы при помощи фреймворков... angular, backbone..

Comments

[Odinokun]

супер. то что было нужно.
надо видать засесть за изучение angular.