Two-way Data Binding

setValue('input3', 'blue');
setValue('input1', 'Anakin');
setValue('input2', 'Skywalker');

value3 = new ObservableValue();
bindSourceToTarget('input1', 'input2');
bindValueToBackgroundColors(value3, 'UI');
bindReverseValueToTarget(value3, 'input2');
bindValues('input3', value3);
setValue('input1', 'Va');
value3.value = 'red';

A long time ago in a galaxy far,
far away....

Browser
Wars

Changing an element's value can trigger a DOM event. Listeners that respond to events can be used to implement data binding in JavaScript.

input1
input2
input3