JSFiddle - React, Tailwind, and code Playground

by dwaddell

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.0/themes/vader/jquery-ui.css">
<div class="ui-widget-content">
     <p>    
         <label for="spinner">Select a value:</label>     
         <input id="spinner" name="value"> 
     </p>  
     <p> 
         <button id="disable">Toggle disable/enable</button>     
         <button id="destroy">Toggle widget</button> 
     </p>  
     <p>    
         <button id="getvalue">Get value</button>    
         <button id="setvalue">Set value to 5</button>
     </p>  
</div>

<div class="demo-description"> 
     <p>Default spinner.</p>
 </div>

JavaScript

$(function() {
    var spinner = $("#spinner").spinner();
    $("#disable").click(function() {
        if (spinner.spinner("option", "disabled")) {
            spinner.spinner("enable");
        } else {
            spinner.spinner("disable");
        }
    });
    $("#destroy").click(function() {
        if (spinner.data("ui-spinner")) {
            spinner.spinner("destroy");
        } else {
            spinner.spinner();
        }
    });
    $("#getvalue").click(function() {
        alert(spinner.spinner("value"));
    });
    $("#setvalue").click(function() {
        spinner.spinner("value", 5);
    });
    $("button").button();
});