Difference between revisions of "JS - How to define a Javascript Class"
Jump to navigation
Jump to search
(12 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
< | <syntaxhighlight lang="javascript"> | ||
<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> | |||
</syntaxhighlight> |
Latest revision as of 10:56, 18 May 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>