JSFiddle - React, Tailwind, and code Playground

by Husar

HTML

<div>
    <input type="text" value="0" id="test-input"/>        
    <input type="button" value="Up!" id="test-button" />
</div>

CSS

div {
    width: 300px;
    margin: 50px auto 0;
}

#test-input {
    padding: 2px 4px;
}

#test-button {
    padding: 3px 8px;
}

JavaScript

var value ;
var scopeTest = {
    
    parseValue : function(element) {
        value = parseInt( element.val(), 10 );
    },
    
    
    incrementValue : function( element, button ) {
        button.on('mousedown', function (e) {
            scopeTest.parseValue(element);        
            element.val( value+ 10 );    
            e.preventDefault(); 
        });               
    },
        
    
    init : function () { 
        var element = $('#test-input'),
            button = $('#test-button'),
            value = element.val() || 0;
        this.incrementValue( element, button );
    }
        
};

scopeTest.init();