¿Es posible cambiar el texto de un botón una vez que se cumple una condición?
Quiero el "???" en el segundo botón para cambiar a "Comprar Reputación" una vez que la variable ShackTot sea mayor o igual a 5. ¿Tengo que usar una etiqueta span para esto?
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; } } 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; } } <html> <head> <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()">???</button> </head> </html><!DOCTYPE html> <html lang="en"> <head> <title>jQuery Change Button Text</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> $(document).ready(function(){ // Change text of input button $("#myInput").prop("value", "Input New Text"); // Change text of button element $("#myButton").html("Button New Text"); }); </script> </head> <body> <input type="button" id="myInput" value="Input Text"> <button type="button" id="myButton">Button Text</button> </body> </html>Debe agregar una identificación o en el botón y puede cambiar innerHtml para ese elemento cuando se cumpla su condición.