The Button disabled property in HTML DOM is used to set or return whether a Button element would be disabled or not. A disabled element is un-clickable and unusable. It contains a boolean value.
Syntax: It is used to set the button disabled property.
buttonObject.disabled = "value"
Example: In this example, we will disable a button using the disabled attribute.
HTML
<body style="text-align:center">       <h1 style="color: green;">         neveropen     </h1>       <h2>         How to disable button element<br>         dynamically using JavaScript?     </h2>       <!-- Assigning id to Button. -->    <button id="GFG" onclick="Geeks()">         Submit     </button>       <br><br>       <p id="sudo"></p>       <script>         function Geeks() {                       document.getElementById("GFG")                 .disabled = "true";                       document.getElementById("sudo")                 .innerHTML = "Button is Disabled";         }     </script> </body> |
Output:
Disable button element dynamically
