JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-debug.js"></script>
<div id="target">
    <p data-bind="text:Product.id"></p>
    <p data-bind="text:Product.name"></p>
    <p data-bind="text:Product.price"></p>
    <p data-bind="text:Product.stock"></p>
</div>

JavaScript

var Product = function (id,name,price,stock) {
"use strict";
var
	_id = id,
    _name = name,
    _price = price,
    _stock = stock;
    
    
return {
    id:_id,
    name:_name,
    price:_price,
    stock:_stock
}
};

var vm = {
product: Product(1,'T-Shirt',10,20)
};
ko.applyBindings(vm);