How to disable button element dynamically using JavaScript ?

0 0 Less than a minute

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;"> 
        zambiatek 
    </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>