Html button disabled

<button type="button" disabled>This button is disabled</button>

Style disabled button

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

Source: stackoverflow.com

Enable html button

$('#Button').prop('disabled', true);

Source: stackoverflow.com

Use disabled= in button

<button type="button" disabled={condition? condition_true : condition_false}>Disabled with ternary</button>

ex: disabled={coin > 0 ? buy_a_car() : "No money"}

Disable button

collector.on('collect', async i => {
    if (i.customId === 'id_1') {
        row.components[0].setDisabled(true) //disables but_1
    }
    if (i.customId === 'id_2') {
        row.components[1].setDisabled(true) //disables but_2
    }
    interaction.editReply({ content: "Click a button", components: [row] });
})

Source: stackoverflow.com

Similar codes

0 vote101 views1 answer
Spin the wheel html
Html
0 vote158 views1 answer
Tailwind CSS modal
Html
0 vote95 views1 answer
Listen on contenteditable
Html
2 votes104 views4 answers
Slick slider cdn
Html
1 vote136 views2 answers
Css align image right
Html
2 votes103 views1 answer
Learn how to build a website code
Html
0 vote117 views1 answer
How to make option colour black in html
Html
0 vote97 views4 answers
<script> var x = 4; var y = 5; var z = x + y; z = x*y; document.getElementById('demo').innerHtml= z; system.print(z); </script>
Html
9 votes109 views3 answers
Express return html file
Html
1 vote99 views1 answer
Yellow html
Html