JSFiddle - React, Tailwind, and code Playground

by jaceju

HTML

<form action="">
    <span id="num">0</span><br />
    <button type="button" id="increase">+</button>
    <button type="button" id="decrease">-</button>
</form>

JavaScript

var myapp = {};

myapp.Model = function () {
    var val = 0;
    this.add = function (v) {
        if (val < 100) val += v;
    };
    this.sub = function (v) {
        if (val > 0) val -= v;
    };
    this.getVal = function () {
        return val;
    };
};

myapp.View = function (controller) {
    var $incBtn = $('#increase');
    var $decBtn = $('#decrease');
    var $num = $('#num');

    this.render = function (model) {
        $num.text(model.getVal() + 'px');
    };
};