Hello World with Choona.js

With Choona.js , It is easy to create Reusable Modules

HTML

<script src="https://rawgithub.com/nsisodiya/choona.js/master/dist/choona.js"></script>
<div id="hello"></div>

CSS

.big {
    padding: 40px;
    font-size: 30px;
    color:red;
    border: 1px solid green;
    width : 80%;
    cursor: context-menu;
}

JavaScript

var HelloworldModule = choona.View.extend({
     template: "<p class='big'>Dynamic HEllo Wolrd</p>",
     events: {
         "click p.big": "onClick"
     },
     initialize: function () {
         choona.View.apply(this, arguments);
     },
     onClick: function () {
         alert("You clicked");
     }
 })

 choona.loadView({
     id: "hello",
     module: HelloworldModule
 });