JSFiddle - React, Tailwind, and code Playground

by Leonardo Trimarchi

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.2.0.js"></script>
<div class='Agent Form'>
    <p>First name:
        <input data-bind='value: firstName' />
    </p>
    <p>Last name:
        <input data-bind='value: lastName' />
    </p>
    <p>Agent NPN:
        <input data-bind='value: NPN' />
    </p>
    <p>Lead Location:
        <input data-bind='value: leadlocation' />(City, State, Zip)</p>
    <p>Requested Lead Delivery Time/Date:</p>
    <p>
        <input data-bind='value: leaddeliverytime' />
    </p>
    <p>Leads Requested:
        <select>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="10">10</option>
        </select>
    </p>
    <p>Email Address:
        <input data-bind='value: EmailAddress' />
    </p>
</div>
<div>
    <input type="button" id="btnSubmit" value="Submit" data-bind="click: submit" />
    <input type="button" id="btnReset" value="Reset" data-bind="click: reset" />
</div>

JavaScript

var ViewModel = function(first, last, agent, lead, requestedlead, email){
    this.firstName = ko.observable(first);
    this.lastName = ko.observable(last);
    this.NPN = ko.observable(agent);
    this.leadlocation = ko.observable(lead);
    this.leaddeliverytime = ko.observable(requestedlead);
    this.EmailAddress = ko.observable(email);
};


<button data-bind="click: myFunction.bind($data, 'param1', 'param2')">
    Click me
</button>