Al hacer clic id="bigButton" no se actualiza la cantidad de dinero que tengo. ¿Alguien sabe por qué?
var money = 50 var stickAmount = 0 var clickValue = 1 + stickAmount window.onload = displayMoney(); function displayMoney() { document.getElementById('totalCurrentMoney').innerHTML = "$" + money; document.title = "$" + money + " - Arsenal Clicker"; } function click() { money = money + clickValue displayMoney() } function purchaseStick() { money = money - 50 stickAmount = stickAmount + 1 displayMoney() } .card-arangement { display: flex; justify-content: center; gap: 20px; } <div> <h1 align="center">Arsenal Clicker</h1> <h1 id="totalCurrentMoney" align="center">$5</h1> <div class="card-arangement"> <input type="image" id="bigButton" onclick="click()" src="Images/bigButton.png" height="500"> <div> <input type="image" id="stick" onclick="purchaseStick()" src="Images/stick.png" height="100"> <input type="text" id="stick" onclick="purchaseStick()" disabled placeholder="stick - $50" height="100"> </div> </div> </div>La función click() ya está definida en una entrada y tiene una prioridad más alta que su método.
Por lo tanto, cambie el nombre de la función click() a updateMoney
<input type="image" id="bigButton" onclick="updateMoney()" src="Images/bigButton.png" height="500"> function updateMoney() { money = money + clickValue displayMoney() }