Snakeskin

Demo

by kobezzza

HTML

<script src="http://kobezzza.com/files/snakeskin.min.js"></script>
<script type="text/x-snakeskin-template" id="templates">
    - var usingSnakeskin = true
    
    - template helloWorld(name = 'friend')
        < h1.b-hello
            - if usingSnakeskin
                < span.&__msg style = color: blue | -info = some description
                    Hello {name}! You are amazing!
            
            - else
                < span.&__warning :: You wrong!!!
</script>

<div id="test"></div>

JavaScript

Snakeskin.compile(document.getElementById('templates'));
document.getElementById('test').innerHTML = helloWorld();