Knockout Testing

by Tommy

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
Name: <input type="text" data-bind="value: name, valueUpdate: 'afterkeydown'"/>
<p>
    Hello, <span data-bind="text: name, visible: nameVisible"></span>
</p>
<button data-bind="click: changeName">Change Name </button>
<input type="checkbox" data-bind="checked: nameVisible" />

CSS

p {    
    color: red
    
}

JavaScript

$(function(){
    
    var viewModel = {
        name: ko.observable("Tom"),
        
        changeName: function(){
             this.name("The best")             
        },
        nameVisible: ko.observable(true)
        
    };
    
    ko.applyBindings(viewModel); //set page view model
    
    
}); //init