DEV Community

A K I L A N
A K I L A N

Posted on

Team 4 - TASK

Enable and diable Button

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="checkbox"  id="agree" >
    <button id="btn" disabled> submit</button>




</body>
<script>

    const input = document.getElementById("agree")
    const button = document.getElementById("btn")

    agree.addEventListener("change",fun)

    function fun() {
         if(input.checked == true)
         {
          button.disabled = false
    } else {
         button.disabled = true
    }
 }


//   agree.addEventListener("change", () =>{
//         button.disabled = !input.checked
//     });



 </script>

</html>

Enter fullscreen mode Exit fullscreen mode

https://akilan46-project-bce2db.gitlab.io/Javascript/DOMTAK.js/team4

Top comments (0)