JSFiddle - React, Tailwind, and code Playground

by marhaba

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<div id="javascript">
    
</div>

<h3></h3>
<div id="debug">
    
</div>

<script id="javascriptTemplate" type="text/x-kendo-template">
    <ul>
    # for (var i = 0; i < data.length; i++) { #
        # alert("Looping though, we're on item " + i + " with the value: " + data[i]) #
        <li># getResults(i) #</li>
    # } #
    <ul>
<script>

JavaScript

$(document).ready(function(){
    var javascriptTemplate = kendo.template($("#javascriptTemplate").html());
    var javascriptData = ["First", "Second", "Third"];
    $("#javascript").html(javascriptTemplate(javascriptData));
});
function getResults(item1){
 return 'Samir' + item1;
}