$(document).ready(function(){ alert("This code is not finish"); var times = new Date(); //Class definition class Perso{ //Constructor definition constructor(){ this.name = name;//Variable this.life = 100;//iVariable this.damage = 13;//Variable } //Method definition attack(target){ //If target is dead if (target.life < 1){ $("#log").append("["+times.getHours()+":"+times.getMinutes()+"] "+target.name+" was ain by "+this.name+"
"); } else { target.life-=this.damage; $("#log").append("["+times.getHours()+":"+times.getMinutes()+"] "+target.name+" lost "+this.damage+" HP!
"); } } riffle(target,x){ for(var i=0;i<=x;i++){ if (target.life < 1) { $("#log").append("["+times.getHours()+":"+times.getMinutes()+"] "+target.name+" was slain by "+this.name+"
"); break; } else { target.life-=this.damage/x; $("#log").append("["+times.getHours()+":"+times.getMinutes()+"] "+target.name+" lost "+this.damage/x+" HP!
"); } } } showInfos(){ $("#log").append("["+times.getHours()+":"+times.getMinutes()+"] "+this.name+" has "+this.life+" HP and "+this.damage+" attack damage !
"); } } var alice = new Perso(name="Alice"); var max = new Perso(name="Max"); $("#aatk").click(function(){ alice.attack(max); }); $("#arif").click(function(){ alice.riffle(max,2); }); $("#ainf").click(function(){ alice.showInfos(); }); $("#matk").click(function(){ max.attack(alice); }); $("#mrif").click(function(){ max.riffle(alice,2); }); $("#minf").click(function(){ max.showInfos(); }); });{}

Example of a game in JS and HTML&CSS