Knockout Person - Hello 1

by endeepak

HTML

<div id="person">
    <div>
        <label for="first-name">First Name</label>
        <input id="first-name" data-bind="value: FirstName"/>
    </div>

    <div>
        <label for="last-name">Last Name</label>
        <input id="last-name" data-bind="value: LastName"/>
    </div>

    <button data-bind="click: SayHello"> Greet ME!</button>
</div>

JavaScript

var Person = function(){
    var self = this;

    self.FirstName = ko.observable('');
    self.LastName = ko.observable('');
    
    self.SayHello = function(){
       alert('Hello' + ' ' + self.FirstName() + ' '  + self.LastName());                     
    };
};

ko.applyBindings(new Person())