Este es el código en JAVASCRIPT. BuyButton es cada botón en el documento HTML, y traté de hacerlo para que mi interruptor use la identificación de estos botones para determinar en cuál de los botones se hizo clic y realizar la acción correspondiente. No estoy seguro de haber usado event.target.id correctamente. El interruptor parece reconocer el primer botón con id "HW" pero no cualquier otro.
const BuyButton = document.querySelector("button"); BuyButton.addEventListener("click", BuyButtonPressed); function BuyButtonPressed(event){ switch (event.target.id) { case "HW": if(energy >= 25) { energy -= 25; HamsterWheels += 1; } break; case "C": if(energy >= 75) { energy -= 75; Cyclists += 1; } break; case "WG": if(energy >= 175) { energy -= 175; WindGenerators += 1; } break; case "SP": console.log(event.target.id); if(energy >= 25) { energy -= 25; SolarPanels += 1; } break; case "NPP": if(energy >= 25) { energy -= 25; NuclearPowerPlants += 1; } break; case "FPP": console.log(event.target.id); if(energy >= 12500) { energy -= 12500; FusionPowerPlants += 1; } break; } updateStats(); }Este es el código HTML alrededor de los botones.
<ul class="ShopBuyButtons"> <li><button id="HW">BUY for 25⚡</button></li> <li><button id="C">BUY for 75⚡</button></li> <li><button id="WG">BUY for 175⚡</button></li> <li><button id="SP">BUY for 250⚡</button></li> <li><button id="NPP">BUY for 2500⚡</button></li> <li><button id="FPP">BUY for 12500⚡</button></li> </ul>¡Agradecido por cualquier ayuda!