OOPs concept in JS

Practicle

by Jitendra Pal

HTML

<div id="container">
    <b>OOPs concept in JavaScript by JP</b>
    <div id="tileContainer"></div>
</div>

CSS

.tile{
    background-color: green;
    width:100px;
    height:100px;
    display:inline;
    float:left;
    margin:5px;
    font-size:12px;
}

JavaScript

function Tile(title, val){
    this._title=title;
    this._val=val;   
}
Tile.prototype.create = function createTile(){
    return "<div class='tile'> Title: "+this._title+ "<br/>Value: "+this._val+"</div>";
}

var tile = new Tile("My Title1", "1000");

$("#tileContainer").html(tile.create());
tile._title="2nd tile";
$("#tileContainer").append(tile.create());