JSFiddle - React, Tailwind, and code Playground

by Town

HTML

<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
    </head>
    <body>
        
        <script id="test" type="text/x-jquery-tmpl"> 
            <div>
                Is it visible? ${IsVisible == true ? "Yes" : "No" }
            </div>
        </script>
        
        <ul id="output"></ul>
        
    </body>
</html>

JavaScript

var testObjs = [
    {IsVisible: true},
    {IsVisible: false},
    {IsVisible: false}
];

$("#test").tmpl(testObjs).appendTo("#output");