JSFiddle - React, Tailwind, and code Playground

by tonyleeper

HTML

<button data-bind="click: $root.sayHi, text: 'say hi'"></button>
<ul data-bind="foreach: buttons">
    <li>
        <button data-bind="click: $root.sayHi.bind($root), text: $data"></button>        
    </li>
</ul>

JavaScript

/**
    Knockout Foreach using Prototype
*/

var ViewModel = (function () {
    var ViewModel = function () {
        this.buttons = ["one", "two"];
        this.message = "Hello world!";
    };
    
    ViewModel.prototype.sayHi = function (value) {
        console.log(this.message);
        console.log(value);
    };
    
    return ViewModel;
}());

var vm = new ViewModel();
ko.applyBindings(vm);