JSFiddle - React, Tailwind, and code Playground

by Shobhit Sharma

HTML

<pre>Change the value, and the interval will use it.
    
</pre>
<input id="foo">

JavaScript

function MyCtor(element, data) {
    this.data = data;
    this.element = element;
    element.value = data;
    element.addEventListener("change", this, false);
}

MyCtor.prototype.handleEvent = function (event) {
    switch (event.type) {
        case "change":
            this.change(this.element.value);
    }
};

MyCtor.prototype.change = function (value) {
    this.data = value;
    this.element.value = value;
};
var obj = new MyCtor(document.getElementById("foo"), "initial");

// simulate some JS based changes.
var i = 0;
setInterval(function () {
    obj.change(obj.element.value + ++i);
}, 3000);