JSFiddle - React, Tailwind, and code Playground

by keithphw

HTML

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Objects</h2>
<p id="demo"></p>
</body>
</html>

JavaScript

"use strict";
class Player{
nameStr;
moveArray;
hu;
Hu;
constructor(nameStr){
this.nameStr = nameStr;
this.moveArray = new Array();
this.hu = 0;
this.Hu = 10;
}
setMoveArray(moveArray){
this.moveArray = moveArray;
}
getMoveArray(){
return this.moveArray;
}
}
 

class Move{
formulaStr;
player;
constructor(formulaStr) {
this.formulaStr = formulaStr;
}
setPlayer(player){
this.player = player;
}
getPlayer(){
return this.player;
}
}

let player = new Player("Keith");
let move = new Move("huNew = huOld + 1");
move.setPlayer(player);
player.getMoveArray().push(move); // push is add to end

let huNew = 2;
let huOld;
for (let i = 0; i < 3; i++) {
huNew = 0;
huOld = player.hu;
eval(player.moveArray[0].formulaStr);
player.hu = huNew;
}
document.getElementById("demo").innerHTML =
"player.nameStr == " + player.nameStr + ", player.moveArray[0].formulaStr == " + player.moveArray[0].formulaStr + ", player.hu == " + player.hu;
/*document.getElementById("demo").innerHTML =
"player == " + player.nameStr + ", player.getMoveArray()[0].formulaStr == " + player.getMoveArray()[0].formulaStr + ", huNew == " + huNew; 
*/
/*function Player(nameStr) {
  this.nameStr = nameStr;
  this.move = null;
  this.Hu = 10;
  this.hu = 0;
}

function Move(player, formulaStr) {
  this.player = player;
  this.formulaStr = formulaStr;
 }

let player = new Player("Keith");
player.move = new Move(player, "huNew = huOld + 1");
let huNew;
let huOld;


for (let i = 0; i < 10; i++) {
huNew = 0;
huOld = player.hu;
eval(player.move.formulaStr);
player.hu = huNew;
}

document.getElementById("demo").innerHTML =
"player == " + player.nameStr + ", player.move.formula == " + player.move.formulaStr + ", huNew == " + huNew; 

*/