ez-bind demo

by gbos

HTML

<script src="https://rawgit.com/giabos/ez-bind/master/build/ez-bind.min.js"></script>

<span class="cursor" ez-repeat="list" ez-class="red:.">•</span>
<span ez-text="current"></span>
<button ez-on="click:next">next</button>

CSS

.red {
    color: red;
}
.cursor {
    font-size: 1.5em;
}

JavaScript

var vm = new EZ(document.documentElement);
vm._apply(function () {
    vm.list = [true, false, false, false, false];
    vm.current = 0;
}),
vm.next = function () {
    vm.list[vm.current] = false;
    vm.current = (vm.current + 1) % vm.list.length;
    vm.list[vm.current] = true;
};