Estoy tratando de que la variable "ShackTot" se actualice automáticamente en la pantalla cuando se presiona el botón "Comprar reputación".
Debería funcionar de manera similar a cómo disminuye la variable "Efectivo" cuando se hace clic en el botón "Comprar Shack", mientras que "Efectivo" en pantalla disminuye automáticamente cuando se hace clic en el botón "Comprar Shack".
La variable " ShackTot " disminuye cuando se hace clic en el botón "Comprar reputación", pero debe hacer clic en el botón "Comprar Shack" para que se actualice en pantalla.
var Cash = 150000; var ShackCost = 50; var Shack = 0; var ShackTot = 0; var ShackTotCost1 = 50; var ShackOut = 1; var Reputation = 0; var ReputationCost = 1; var ReputationTot = 0; var ReputationTotCost1 = 1; function buyShack() { if (Cash >= ShackCost) { Cash = Cash - ShackCost; Shack = Shack + 1; ShackCost = Math.round(ShackCost * 1); ShackCount = Shack; ShackTotCost1 = ShackCost; document.getElementById("Cash").innerHTML = Cash; document.getElementById("ShackTot").innerHTML = ShackCount; // document.getElementById("ShackTotCost").innerHTML = ShackTotCost1; } } function buyReputation() { if (Shack >= ReputationCost) { Shack = Shack - ReputationCost; Reputation = Reputation + 1; ReputationCost = Math.round(ReputationCost * 1); ReputationCount = Reputation; ReputationTotCost1 = ReputationCost; ShackCount = Shack; document.getElementById("ReputationTot").innerHTML = ReputationCount; // document.getElementById("ReputationTotCost").innerHTML = ReputationTotCost1; document.getElementById("ShackTot").innerHTML = ShackCount; } } <h1>Cash: <span id="Cash">150000</span></h1> <h1>Shacks: <span id="ShackTot">0</span></h1> <h1>Reputation: <span id="ReputationTot">0</span></h1> <button onclick="buyShack()">Buy Shack</button> <button onclick="buyReputation()">Buy Reputation</button>