JSFiddle - React, Tailwind, and code Playground

by Igaojsfiddle

HTML

<p>First name: <strong data-bind="text: firstName"></strong>
</p>
<p>Last name: <strong data-bind="text: lastName"></strong>
</p>
<p>Email: <strong data-bind="text: Email"></strong>
</p>
<input type="text" value="" data-bind="value: Email">
<input type="button" value="test" data-bind="click: Click">
<p>Full name: <strong data-bind="text: fullName"></strong>
</p>

JavaScript

var viewModel = {
    firstName: ko.observable("r"),
    lastName: ko.observable("j"),
    Email: ko.observable("[email protected]"),
    Click: function () {
        alert(this.Email());
    },
    fullName: ko.computed({
        read: function () {
            return viewModel.firstName() + viewModel.lastName();
        },
        deferEvaluation: true
    })
};

ko.applyBindings(viewModel);