TruJS - Test


<span trujs-init='$trujs.b = 20'></span>
<span trujs-init=''>$trujs.c = 30</span>
Name x: <input type='text' trujs-model='x' value=''></input>
Name y: <input type='text' trujs-model='y' value='TruJS'></input>
Name z: <input type='text' trujs-model='z' value='Fun'></input>

Wow!

<!-- data binding and expression included -->
Name x: <span trujs-bind='x'>$trujs.x</span> 

<!-- data binding included, but expression not included -->
Name y.1: <span trujs-bind='y'></span>  

<!-- expression included, but no data binding with any model -->
Name y.2: <span trujs-bind=''>$trujs.y</span>  

<!-- data binding not included -->
Name y.3: <span >$trujs.y</span> 

Names x and z: <span trujs-bind='x, z'>
    var a = 10; 
    $trujs.b++; 
    a + ", " + $trujs.b + ", " + $trujs.c + ", " + 
        $trujs.x + ", " + $trujs.z.toUpperCase();
</span>
$trujs.c = 30 Name x:
Name y:
Name z:

Wow!

Name x: $trujs.x
Name y.1:
Name y.2: $trujs.y
Name y.3: $trujs.y
Names x and z: var a = 10; $trujs.b++; a + ", " + $trujs.b + ", " + $trujs.c + ", " + $trujs.x + ", " + $trujs.z.toUpperCase()