如果资金不足2900，您如何确保不能再次按下两个按钮？

Question

When you run the code and press the plan pack button, you could still press the spaceship button. Here is the code.

HTML:

<fieldset>
  <legend>Store</legend>
<p id="p"></p>
Spaceship: $2900
   <input type="button" value="Buy" onClick="buy()" id="button" /><br />
Plan pack: $7800
<input type="button" value="Buy" onClick="buy1()" id="button1" /><br />
     </fieldset>

JS:

var money = 10000;
function buy()  {
money = money - 2900;
$("#p").text("You have $" + money + ".");
if(money < 2900){
$("#button").prop("disabled", true);
}
}
function buy1() {
money = money - 7800;
$("#p").text("You have $" + money + ".");
if(money < 7800){
        $("#button1").prop("disabled", true);
}
}

Never mind, I fixed it.

Answer 1

var money = 10000;

if(money < 2900){
 $( "#Your_button" ).prop( "disabled", true );
}

function buy() {
money = money - 2900;
$("#p").text("You have $" + money + ".");
}

Use an if statement to set your condition then use .prop() to disable the button, try giving your button an id so you can select it.

Answer 2

Try this I think it will help you.

if($money < 2900){
 $("#button").attr("disabled","disabled");
 }

$money is a variable of the I think you can output this using php, mysql