JSFiddle - React, Tailwind, and code Playground

by mwrothbe

HTML

<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1407/styles/kendo.common.min.css">
<body>
    <div><span id="TestSpan"></span></div>
</body>

JavaScript

function SetDev(e) {
    alert(e.value + " is this A or B?");
}

var json = [{
    "ID": "A",
    "Value": 100},
{
    "ID": "B",
    "Value": 50}];

for (var dev in json) {
    $("#TestSpan").append(json[dev].ID + ' : <input id="' + json[dev].ID + 'Slide" min=0 max=100 value="' + json[dev].Value + '"></br>');
    $("#" + json[dev].ID + "Slide").kendoSlider({
        change: SetDev
    });
}