pointermess / supercharge.js Goto Github PK

let factory = SuperchargeFactory.build({
    'tag': 'div',
    'body': [
        {
            'tag': 'div',
            'body': '{test} world from Supercharge.js Factory'
        },
        {
            'tag': 'button',
            'body': 'Click me {test}',
            'onClick': function () {
                // this event will get lost
                this.SayHi('button');
            }
        },
    ],
    'bindings':  {
        'test': 'hello'
    },
    'functions': {
        SayHi: function (sender) {
            alert(`Hi from ${sender}!`);
        }
    }
});

let factory = SuperchargeFactory.build({
    'tag': 'div',
    'body': 'Hello World from {name}!',
    'bindings':{
        'name': '[click to reveal]'
    },
    'onClick': function () {
        this.setBinding('name', 'Supercharge.js');
    }
});

let factory = SuperchargeFactory.build({
    'tag': 'div',
    'body': [
        {
            'tag': 'span',
            'body': 'Hello world from'
        },
        {
            'tag': 'span',
            'body': '{name}'
        },        
    ],
    'bindings':{
        'name': '[click to reveal]'
    },
    'onClick': function () {
        this.setBinding('name', 'Supercharge.js');
    }
});