JSFiddle - React, Tailwind, and code Playground

by tonyleeper

HTML

<input type="text" value="{{name}}" />
<span>Hello {{name}}</span>

JavaScript

function applyTextBindings (model, target) {
    target = target || document.body;
    var treeWalker = document.createTreeWalker(target, NodeFilter.SHOW_TEXT, null, false);
    while (treeWalker.nextNode()) { 
        treeWalker.currentNode.nodeValue = treeWalker.currentNode.nodeValue.replace('{{name}}', model.name);
    }
}

function applyInputBindings (model, target) {
    target = target || document.body;
}

var model = {
    name: 'Tony'
};

applyTextBindings(model);