===================================================================
--- original.js
+++ change.js
@@ -1,7 +1,23 @@
 /**** 
 * Classes
 ****/
+// Counter class to display and update the player's balance
+var Counter = Container.expand(function (initialValue, posX, posY) {
+	var self = Container.call(this);
+	var text = new Text2(initialValue.toString(), {
+		size: 100,
+		fill: "#ffffff"
+	});
+	text.anchor.set(0.5, 0);
+	text.x = posX;
+	text.y = posY;
+	self.addChild(text);
+	// Method to update the displayed text
+	self.updateText = function (newValue) {
+		text.setText(newValue.toString());
+	};
+});
 // Coin class to represent the coin being flipped
 var Coin = Container.expand(function () {
 	var self = Container.call(this);
 	var coinGraphics = self.createAsset('coin_heads', 'Coin with heads side up', 0.5, 0.5);
@@ -41,28 +57,21 @@
 coin.x = game.width / 2;
 coin.y = game.height / 2 - 200;
 // Initialize the player
 var player = new Player();
-// Create the balance text
-var balanceTxt = new Text2(player.balance.toString(), {
-	size: 100,
-	fill: "#ffffff"
-});
-balanceTxt.anchor.set(0.5, 0);
-balanceTxt.x = game.width / 2;
-balanceTxt.y = 100;
-LK.gui.top.addChild(balanceTxt);
+// Create the balance counter using the Counter class
+var balanceCounter = game.addChild(new Counter(player.balance, game.width / 2, 100));
 // Create the Heads button
 var headsButton = game.addChild(LK.getAsset('button_heads', 'Heads Button', 0.5, 0.5));
 headsButton.x = game.width / 4;
 headsButton.y = game.height - 300;
 // Create the Tails button
 var tailsButton = game.addChild(LK.getAsset('button_tails', 'Tails Button', 0.5, 0.5));
 tailsButton.x = game.width / 4 * 3;
 tailsButton.y = game.height - 300;
-// Function to update the balance text
+// Function to update the balance counter display
 function updateBalanceText() {
-	balanceTxt.setText(player.balance.toString());
+	balanceCounter.updateText(player.balance);
 }
 // Function to handle the flip result
 function handleFlipResult(choice) {
 	if (player.balance <= 0) {