Difference between revisions of "JS - How to define a Javascript Class"
Jump to navigation
Jump to search
| Line 24: | Line 24: | ||
minivileClass.prototype.updateHtml = function(){ | minivileClass.prototype.updateHtml = function(){ | ||
for (var i in this.cards) | for (var i in this.cards) | ||
document.getElementById("allCards").innerHTML = document.getElementById("allCards").innerHTML + ''+this.cards[i]['number']+" "+this.cards[i]['label']+""; | document.getElementById("allCards").innerHTML = | ||
document.getElementById("allCards").innerHTML + ''+this.cards[i]['number']+" "+this.cards[i]['label']+""; | |||
}; | }; | ||
// # Functions | // # Functions | ||
Revision as of 16:56, 19 April 2018
<script>
function minivileClass(){
// # Variables
this.message = "Welcome on the amazing JS world !";
this.cards = [
{number:"1",colorRule:"blue",actionRule:"+1piece",label:"Champs de ble",price:"1"},
{number:"2-3",colorRule:"green",actionRule:"+1piece",label:"Boulangerie",price:"1"},
{number:"3",colorRule:"red",actionRule:"-1pieceToCurrentPlayer",label:"Cafe",price:"2"},
{number:"5",colorRule:"blue",actionRule:"+1piece",label:"Foret",price:"3"},
{number:"6",colorRule:"violet",actionRule:"+2piecesFromOtherPlayers",label:"Stade",price:"6"}
];
// # Variables
// # Constructor
if(typeof minivileClass.initialized == "undefined"){
// # Functions
minivileClass.prototype.newGame = function(){
alert(this.message);
};
minivileClass.prototype.updateHtml = function(){
for (var i in this.cards)
document.getElementById("allCards").innerHTML =
document.getElementById("allCards").innerHTML + ''+this.cards[i]['number']+" "+this.cards[i]['label']+"";
};
// # Functions
minivileClass.initialized = true;
}
// # Constructor
}
window.onload = function(){
var game = new minivileClass();
game.newGame();
game.updateHtml();
}
</script>
<body>
<fieldset><legend>Available cards</legend>
<spa n id="allCards"></spa n>
</fieldset>
</body>